Accessible React and Tailwind v4 components, blocks and templates with native-app motion, built-in keyboard, RTL and translation support, and an MCP server for AI agents.
Wrong password example of Login 2: split screen with testimonial.
Customer logos as an endlessly scrolling row with faded edges, or a static grid with hairline dividers. Wordmarks brighten on hover.
Grid example of Logo Cloud 1: marquee or grid.
Marquee example of Logo Cloud 1: marquee or grid.
A live log viewer with level filters and counts, search with highlighted matches, wrap, pause with a new-lines counter, follow-the-tail scrolling and copy.
Filtered build output example of Log Stream.
Live deploy logs example of Log Stream.
A right-click menu styled like macOS: frosted panel, accent-color highlight, key equivalents, checkmarks, submenus and a red destructive item, on Radix for full keyboard support.
Checkmarks and radio items example of Mac Context Menu.
File menu with submenu example of Mac Context Menu.
Resolution-independent macOS-style icons drawn in SVG and CSS: folders, documents with extension badges, drives and gradient app icons in eight theme-aware colors.
Colors and sizes example of Mac Icons.
The four icon kinds example of Mac Icons.
macOS window chrome: traffic lights whose glyphs appear on hover, a centered title or unified toolbar, an optional translucent sidebar with vibrancy, and active and inactive appearances.
Active and inactive example of Mac Window.
Notes app example of Mac Window.
A card with a two-color light that follows the pointer along its border, with an optional soft glow inside, driven by CSS variables so moving never re-renders, and a steady light on keyboard focus.
Color pairs example of Magic Card.
Feature grid example of Magic Card.
The Ballmac Button with a magnetic pull: it drifts toward a nearby mouse pointer on a spring, and its label moves a little further for depth. Takes every Button prop.
Default example of Magnetic Button.
A working inbox: folders with an unread count, a searchable message list with stars and keyboard navigation, a reading pane with archive, delete, mark unread and reply, and a compose dialog. One pane at a time on phones.
Default example of Mail 1: three-pane inbox.
Empty inbox example of Mail 1: three-pane inbox.
An editorial five-page magazine: a masthead between double rules, a lead story, an article with reading progress, drop cap and margin notes, section pages with sort and load more, author pages and an issues shelf with subscriptions.
Article example of Marginalia: magazine.
Author example of Marginalia: magazine.
Home example of Marginalia: magazine.
Issues example of Marginalia: magazine.
Section example of Marginalia: magazine.
An endless horizontal or vertical scroller for logo rows and testimonials. Speed is in pixels per second, it pauses on hover and focus, and it fills any width.
Logo row example of Marquee.
Vertical testimonials example of Marquee.
A gap-free multi-column layout for tiles of different heights, built on CSS columns so it never shifts on load, with responsive column counts and optional reveal.
Gallery example of Masonry Grid.
Notes example of Masonry Grid.
A picture slot: reserves the space, lazy-loads, takes a URL, an image with required alt text and a dark-mode file, or your own element, and falls back to artwork if there is no image or it fails.
A different file in dark mode example of Media.
Image, element and fallback example of Media.
A data-driven header menu with wide panels of grouped, described links, an optional featured card, and an accordion list for small screens.
Mobile list example of Mega Menu.
Product menu example of Mega Menu.
A horizontal application menu bar with roving focus across menus, submenus, shortcuts, checkbox and radio items, built on Radix.
A translucent macOS menu bar on Radix Menubar: a bold app menu, menus with key equivalents, submenus and checkmarks, a status area with icon buttons and a hydration-safe live clock.
Desktop menu bar example of Menu Bar.
Editor menu example of Menubar.
Preferences example of Menubar.
Thin meteors with glowing heads and fading tails streak across a container at a set angle. Randomized after mount (hydration-safe), paused off-screen, hidden under reduced motion.