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.
Composer pill example of Token Meter.
A frosted macOS toolbar with a title block, icon and labeled buttons, segmented view switches, an expanding search field, separators and spacers, built on Radix Toolbar so the whole bar is one tab stop.
Document toolbar example of Toolbar.
Labeled buttons example of Toolbar.
Shows one agent tool call: the tool name, a pending, running, success or error status with icon and text, duration, and collapsible pretty-printed input and result.
All states example of Tool Call Card.
Default example of Tool Call Card.
A Radix tooltip with an arrow, side offset and fade and zoom transitions that opens on hover and keyboard focus. Works standalone or under a shared provider.
Default example of Tooltip.
A keyboard-operable hierarchical tree with selection, expansion, and optional node icons.
Overview example of Tree View.
States and variants example of Tree View.
A typewriter that types and erases one or several strings with natural timing and a blinking caret, starting on scroll if you like, with the whole text available to screen readers.
Cycling headline example of Typing Text.
Type once with a caret example of Typing Text.
A plan-limit meter as a bar or ring, with normal, near-limit and over-limit states shown by icon and words, optional stacked segments and a meter role.
Storage with segments example of Usage Meter.
Warning, over and ring example of Usage Meter.
An account menu on the dropdown: avatar or avatar-with-name trigger, a header card with plan, link groups with shortcuts and badges, a theme submenu and sign out.
Avatar only example of User Menu.
Sidebar account example of User Menu.
A code-entry screen: masked email, six slots that accept typing and pasting, automatic submit on the last digit, shake and alert on a wrong code, a resend countdown and an animated success state.
Default example of Verify 1: one-time code with resend.
Four digits example of Verify 1: one-time code with resend.
A thumbnail with a play button that opens a video in a focus-trapped dialog, for a video file, an embed URL or a YouTube id from the privacy-friendly domain, mounting the player only while open.
Hero video example of Video Dialog.
Shapes example of Video Dialog.
A saturated purple with pill-like corners and slightly warm greys for a playful, creative feel.
A microphone control as a round button or an expanding recorder with a scrolling waveform, timer, discard and send, plus a hook that reads the real microphone level.
Button with live glow example of Voice Input.
Recorder bar example of Voice Input.
A hyperspace tunnel of streaks flying out from the center on a canvas, in theme colors with a soft vignette for readable content, parallax toward the pointer, pausing off screen.
Calm, dense variant example of Warp Background.
Hero in the tunnel example of Warp Background.
A smartwatch drawn in CSS: rounded aluminum case, digital crown and side button, curved glass and a fading strap in sport, loop or leather. The screen is always dark and children render scaled to fit.
Analog face example of Watch Frame.
Workout, loop band example of Watch Frame.
A webhook endpoint card with URL and enable switch, health from recent deliveries, a masked signing secret, subscribed events and expandable deliveries with payloads and redeliver.
Failing endpoint example of Webhook Card.
Healthy endpoint example of Webhook Card.
Desktop widgets in three sizes: weather with a sky gradient, hourly strip and daily ranges; a calendar with a month grid and events; a battery widget with rings. They scale with their width and use UTC dates.
All three sizes example of Widgets.
Weather, calendar and battery example of Widgets.
A desktop of real windows: focus raises, the title bar drags, edges and corners resize, double-click zooms, the yellow light tucks a window into a tray, and Alt plus arrow keys move and resize from the keyboard.
Open and close windows example of Window Manager.
Three apps on a desktop example of Window Manager.
Cycles one word of a sentence with a vertical slide and blur while its width springs to the next word, so the rest of the line reflows smoothly. Screen readers hear one stable sentence.
Hero headline example of Word Rotate.