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.
A native radio-group star rating with keyboard arrows, value text, and a clear action.
Overview example of Rating.
States and variants example of Rating.
A collapsible 'thinking' panel for model reasoning: shows a shimmering 'Thinking…' while streaming, opens automatically, then collapses to 'Thought for 12s' when done.
Default example of Reasoning Disclosure.
A paper-and-ink, terminal-flavoured site for a developer API: a live send console, the life of an event, a delivery map, language-synced docs, usage pricing and a status page.
Docs example of Relay: developer API platform.
Home example of Relay: developer API platform.
Pricing example of Relay: developer API platform.
Status example of Relay: developer API platform.
Draggable split panels with keyboard resizing, nested horizontal and vertical groups, collapsible panels, and a grip that appears on hover and focus.
Collapsible panel example of Resizable.
Editor layout example of Resizable.
A perspective floor of grid lines gliding toward you under a glowing horizon, tinted with any theme color, tilt and cell size adjustable, still under reduced motion.
Hero with horizon glow example of Retro Grid.
Tones and tilt example of Retro Grid.
Concentric rings that breathe outward as a background, plus a press ripple that spreads from the pointer (or the center for keyboard) on any surface.
Press ripple on cards example of Ripple.
Ring background behind a hero example of Ripple.
A warm rose brand colour with blush-tinted greys and soft corners.
Off-white paper tones with terracotta accents and small, precise corners. Reads like print.
Decodes text in place: each character cycles through random glyphs before settling, left to right. Plays on mount, in view or on hover, keeps its final width, and exposes the final text to screen readers.
Deploy log example of Scramble Text.
On hover example of Scramble Text.
A focusable, named scroll region with theme-aware custom thumb and native scrolling behavior for long lists and documents.
Horizontal gallery example of Scroll Area.
Recent activity example of Scroll Area.
A thin reading-progress bar fixed to the top or bottom of the page, or to a scrollable panel, that fills on a soft spring (or exactly under reduced motion).
Article progress example of Scroll Progress.
Bottom, thicker example of Scroll Progress.
Small hooks and helpers for scroll-aware UI: scrolled state, scroll direction, a scroll spy for in-page sections, and reduced-motion-aware scrolling to an element below a sticky header.
A looping row of text or logos that drifts sideways and speeds up, or reverses, with how fast you scroll the page or any scroll container, repeating itself to fill the width.
Logo row example of Scroll Velocity.
Two rows in a scroller example of Scroll Velocity.
A compact search control with a clear action, Enter callback, and preserved keyboard focus.
Overview example of Search Field.
States and variants example of Search Field.
Sticky in-page tabs that follow the reader's section, slide an indicator to it, keep the active tab in view on narrow screens and scroll to a section on click.
Pill, narrow example of Section Tabs.
Product page example of Section Tabs.
A macOS segmented control: mutually exclusive options with a selected pill that springs between segments and hairline dividers between unselected ones. A Radix radio group underneath.
Settings panel example of Segmented Control.
A Radix select with a sized trigger, popper-positioned menu, scroll buttons, groups, labels, separators and a check indicator on the chosen item.
Default example of Select.
Grouped example of Select.
A semantic or decorative divider with horizontal, vertical, and centered-label layouts.
Overview example of Separator.
States and variants example of Separator.