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.
Release card example of Meteors.
Steep, colored example of Meteors.
A bright sky-blue brand colour with strong outlines. Built to look best in dark mode.
A searchable model selector grouped by provider, with capability icons, locked plans and a detail pane that follows the highlighted model with context window, cost and abilities.
Compact in a composer example of Model Picker.
Grouped with details example of Model Picker.
No colour at all: black, white and greys, square corners and borders strong enough to meet 3:1 contrast.
Words melt into each other with a blur and threshold effect, cycling through a list, pausing when off screen, with a box that never jumps in width.
Big word cycle example of Morphing Text.
Inline in a sentence example of Morphing Text.
Shared easings, durations, springs and enter variants for Motion, so every animated component moves with the same rhythm.
Search and select several options in a Radix popover with native checkboxes and a selection cap.
Overview example of Multi Select.
States and variants example of Multi Select.
A calm, reading-first AI chat app in five pages: a chat with reasoning, sources, a document panel and a model picker, a new-chat screen, projects, a library of everything made, and settings.
Chat example of Muse: AI chat app.
Library example of Muse: AI chat app.
New chat example of Muse: AI chat app.
Projects example of Muse: AI chat app.
Settings example of Muse: AI chat app.
A responsive site header that gains a border and shadow on scroll, can hide while scrolling down, and turns its links into a sheet menu on small screens.
Hide on scroll example of Navbar.
Marketing header example of Navbar.
A site navigation bar with flyout panels sharing one animated viewport that resizes to its content, with keyboard and pointer intent handling, built on Radix.
Product menu example of Navigation Menu.
Without viewport example of Navigation Menu.
A card framed by a two-color neon border with a soft outer light and inner glow, tunable thickness, intensity and corner radius, with an optional warm-up flicker that never plays under reduced motion.
Pricing tier example of Neon Card.
Tones and flicker example of Neon Card.
An editorial newsletter signup: topic chips, an email field with validation, loading, error and success states, avatar social proof, and a tilted sample issue card beside it.
Default example of Newsletter 1: signup with topics and sample issue.
Email only example of Newsletter 1: signup with topics and sample issue.
A film-grain layer made from an SVG turbulence filter, with strength, fineness, blend mode and an optional shimmer, to take the plastic edge off gradients, cards and photos.
Blend modes example of Noise Texture.
Gradient with grain example of Noise Texture.
A five-page conference site under a sunrise ridgeline: a hero with a live countdown, a schedule you can star into an agenda with clash warnings, speakers with bios, tickets with a live total and promo code, and a venue guide.
Home example of Northlight Summit: conference.
Schedule example of Northlight Summit: conference.
Speakers example of Northlight Summit: conference.
Tickets example of Northlight Summit: conference.
Venue example of Northlight Summit: conference.
A warm, editorial five-page site for a B2B product: serif headlines on cream paper, an interactive product tour with numbered pins, case studies, pricing, an about page and a demo request form.
About example of Northwind: B2B SaaS.
Contact example of Northwind: B2B SaaS.
Customers example of Northwind: B2B SaaS.
Home example of Northwind: B2B SaaS.
Pricing example of Northwind: B2B SaaS.
A bell with an unread badge that opens grouped notifications with All and Unread views, mark-as-read, dismiss, and an unread count in its accessible name.