The UI library that
compiles everywhere
Write your components once in Mitosis JSX. Deploy natively to React, Svelte, and Web Components — with zero runtime overhead.
All Components
Banner
Full-bleed hero banner with image or video background, title, subtitle, CTA button, and loading shimmer.
Announcement Bar
Slim full-width bar for promotions and site-wide announcements. Customisable colours and optional link.
Grid Banner
Responsive CSS grid of banner cards with configurable column count, hover effects, and media support.
Media Grid
Editorial 2-column layout with one large primary asset and stacked secondary items at a 21:9 aspect ratio.
Row Scrollable
Horizontally scrollable card row with snap-scrolling, custom scrollbar, and optional section title.
Sliding Banner
Full-featured slider with 13 transition effects, canvas backgrounds (particles/waves), autoplay, arrows & dots.
Alternating Slider
Multi-column slider where adjacent columns scroll in opposite vertical directions for a dramatic reveal effect.
Timer Widget
Live countdown timer updating every second. Shows days, hours, minutes, and seconds to any target date.
WYSIWYG Renderer
Safely renders rich-text HTML from a CMS with scoped typography styles and dark-mode support.
Full-bleed hero banner with image or video background, title, subtitle, CTA button, and loading shimmer.
Slim full-width bar for promotions and site-wide announcements. Customisable colours and optional link.
Responsive CSS grid of banner cards with configurable column count, hover effects, and media support.
Editorial 2-column layout with one large primary asset and stacked secondary items at a 21:9 aspect ratio.
Horizontally scrollable card row with snap-scrolling, custom scrollbar, and optional section title.
Full-featured slider with 13 transition effects, canvas backgrounds (particles/waves), autoplay, arrows & dots.
Multi-column slider where adjacent columns scroll in opposite vertical directions for a dramatic reveal effect.
Live countdown timer updating every second. Shows days, hours, minutes, and seconds to any target date.
Safely renders rich-text HTML from a CMS with scoped typography styles and dark-mode support.
Full-bleed hero banner with image or video background, title, subtitle, CTA button, and loading shimmer.
Slim full-width top-of-page bar for promotions and announcements. Customisable colours and optional link.
Responsive CSS grid of banner cards with configurable column count, hover effects, and media support.
Editorial 2-column layout with one large primary asset and stacked secondary items. 21:9 aspect ratio.
Horizontally scrollable card row with snap-scrolling, custom scrollbar, and title support.
Full-featured slider with 13 transition effects, canvas backgrounds (particles/waves), autoplay, arrows & dots.
Multi-column slider where adjacent columns scroll in opposite vertical directions for a dramatic reveal effect.
Live countdown timer updating every second. Shows days, hours, minutes, and seconds to any target date.
Safely renders rich-text HTML from a CMS with scoped typography styles and dark-mode support.