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.
Overview example of Stepper Form.
States and variants example of Stepper Form.
Scroll-driven storytelling: text steps scroll past while one visual stays pinned and crossfades to match, with each visual inline on small screens.
Feature story example of Sticky Scroll.
Visual on the left example of Sticky Scroll.
Text that arrives progressively, with a blinking caret while streaming, preserved whitespace, aria-busy for screen readers and an optional typewriter reveal for demos.
Default example of Streaming Text.
A loud, typographic five-page agency site: giant wide headlines, a work reel whose poster follows the pointer, numbered services that open, a work index with grid or table, project pages and a brief form.
Contact example of Studio: creative agency.
Home example of Studio: creative agency.
Project example of Studio: creative agency.
Services example of Studio: creative agency.
Work example of Studio: creative agency.
Starter prompts for an empty chat or follow-ups after a reply, as wrapping pills, a swipeable row with faded edges, or cards with descriptions, plus loading and refresh states.
Follow-up pills with refresh example of Suggestion Chips.
Starter cards example of Suggestion Chips.
A Radix toggle switch in two sizes with a CSS-animated thumb, for settings that take effect immediately. Stops animating under reduced motion.
Default example of Switch.
Settings rows example of Switch.
A semantic table in a focusable, named scroll region, with sticky header, striping, three densities, aria-sort headers and numeric columns.
Invoices example of Table.
An 'On this page' list with a scroll spy and a sliding current-section marker. It collects headings itself or takes a list, and scrolls below sticky headers.
Auto-collected example of Table Of Contents.
Explicit items example of Table Of Contents.
Sortable and sticky example of Table.
A modern tablet drawn in CSS: brushed aluminum frame, thin glass bezel, front camera, status bar and home indicator. Landscape or portrait with the same proportions; children render as the screen at tablet resolution, scaled to fit.
Dashboard, landscape example of Tablet Frame.
Portrait reader example of Tablet Frame.
Keyboard-navigable content tabs with quiet pill or underline styling and a clear selected state in both themes.
Underline tabs example of Tabs.
Workspace dashboard example of Tabs.
Enter, paste, and remove text tags with duplicate prevention, limits, and keyboard shortcuts.
Overview example of Tag Input.
States and variants example of Tag Input.
A fresh teal with cool greys and rounded corners.
A grid of team portraits with name, role, location and links. On hover or keyboard focus a bio slides up over the photo; phones show it inline. Initial tiles when there is no photo.
Default example of Team 1: portrait grid with hover bios.
Four people example of Team 1: portrait grid with hover bios.
A workspace picker: the current team on a button, the others in a radio menu with logos and descriptions, an add-team row, and a compact icon mode.
Compact example of Team Switcher.
Workspace menu example of Team Switcher.
A terminal window with command, output, success, error and comment lines, optional per-command copy buttons and a sequenced typing animation that respects reduced motion.
Default example of Terminal.
Typing animation example of Terminal.
A five-page documentation site: search-first landing, a guide with synced language tabs, filterable API reference, search with highlighted matches and a changelog, with ⌘K search in the header.
Changelog example of Tern: documentation.
Guide example of Tern: documentation.
Home example of Tern: documentation.