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.
People preview example of Hover Card.
Project preview example of Hover Card.
The macOS volume and brightness HUD: a dark frosted square with a big icon and a 16-segment bar, or a slim capsule with a smooth bar. Pops in, restarts its timer when the value changes, fades out and announces the new level.
Capsule variant example of HUD.
Volume keys example of HUD.
Characters flip through random letters like a split-flap board and settle left to right, as plain text or on tiles, on load, on scroll or on hover and focus.
Replay on hover example of Hyper Text.
Split-flap tiles example of Hyper Text.
Translate every built-in string and set the locale in one place: I18nProvider takes a messages object, useMessages looks text up, useLocale feeds Intl formatting.
Icons, logos or labels orbiting on a 3D sphere, spun by dragging, calming under the pointer and when anything has focus, with real list markup so every item stays reachable.
Linked labels example of Icon Cloud.
Tech stack sphere example of Icon Cloud.
Indigo buttons and accents with generous corners. Feels modern without being loud.
A short in-context message with semantic live priority and an optional corrective action.
Overview example of Inline Alert.
States and variants example of Inline Alert.
A text input in three heights that match Button, plus InputGroup and InputGroupAddon for leading or trailing icons, units and domains.
Default example of Input.
One bordered field that wraps an input or textarea with icon, text, button and keyboard-hint addons at either end or above and below.
Addons example of Input Group.
Invalid and disabled example of Input Group.
Invalid example of Input.
A one-time-code field with grouped slots, separator, caret, paste and autofill support, invalid state and reduced-motion-safe animation, on a single real input.
PIN, invalid, disabled example of Input OTP.
Verification code example of Input OTP.
With icon and suffix example of Input.
Package-manager tabs for a CLI command (pnpm, npm, yarn, bun) with a copy button. Remembers the reader's choice and keeps every instance on the page in sync.
Default example of Install Tabs.
A canvas grid whose cells light up under the pointer and fade out behind it, leaving a glowing trail, drawn only while something is moving and listening on its parent so content above never blocks it.
Colors and cell size example of Interactive Grid.
Hero that reacts to the pointer example of Interactive Grid.
A wrapper that knows when it is on screen: it sets a data attribute for CSS, offers a render function and callbacks, and can run a simple entrance.
Entrances example of In View.
Render function and callback example of In View.
The page an invitation email opens: workspace tile, who invited you, your role and what it allows, the account being used, accept and decline, with welcome, declined and expired states.
Expired example of Invite 1: accept a team invitation.
Pending example of Invite 1: accept a team invitation.
Invite teammates by email: type or paste addresses into chips, flag invalid or duplicate ones with an explanation, pick a role, send, and manage pending invitations.
Minimal example of Invite Members.
With pending invitations example of Invite Members.
A flexible list row with media, title, description and actions, in outline, muted and plain variants, that can also render as a link.
Files and footer example of Item.
Settings rows example of Item.
A collapsible JSON inspector with compact type styling and keyboard-operable branches.
Overview example of JSON Viewer.
States and variants example of JSON Viewer.
A project board: columns with counts, rich task cards (tags, priority, due date, comments, assignee), drag and drop with a drop indicator, keyboard pick-up and move with announcements, a Move-to menu, quick add and a person filter.
Default example of Kanban 1: project board with drag and keyboard moves.