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.
Custom cursor graphic example of Smooth Cursor.
Gallery with labels example of Smooth Cursor.
Request examples in several languages with built-in highlighting, a remembered language choice shared across the page, line numbers, copy, and {{variables}} filled with real values.
cURL, JavaScript, Python and Go example of Snippet Tabs.
With your API key filled in example of Snippet Tabs.
The 'Used N sources' footer of an AI answer: a stack of site icons that opens a numbered list or card grid, with show-all, a highlighted row for hover sync and stable row ids.
Always-open cards example of Sources List.
Collapsible list example of Sources List.
Text with four-point stars that twinkle around it in theme colors, re-rolling position each time, with an optional gradient fill.
Gradient fill example of Sparkles Text.
Headline with sparkles example of Sparkles Text.
A lightweight accessible SVG trend line with a marked latest value and no chart dependency.
Overview example of Sparkline.
States and variants example of Sparkline.
A compact loading indicator with three sizes, an accessible label, and reduced-motion behavior.
Overview example of Spinner.
States and variants example of Spinner.
Text laid out on a circle that turns slowly, with a center slot for a logo or arrow, pausing on hover.
Badge with arrow example of Spinning Text.
Sizes and direction example of Spinning Text.
A master and detail layout with a keyboard-resizable divider. Panes sit side by side in wide containers and stack with a Back button in narrow ones.
Mail layout example of Split View.
Stacked on narrow example of Split View.
A card whose surface and border pick up a soft glow that follows the pointer, driven by CSS variables with no re-render per move. Keyboard focus shows a steady glow.
Feature card example of Spotlight Card.
Feature grid example of Spotlight Card.
A macOS Spotlight-style command palette on cmdk: a large translucent search field, grouped results with app-icon tiles, fuzzy filtering and arrow-key navigation, inline or as a ⌘K dialog.
⌘K dialog example of Spotlight Search.
Spotlight example of Spotlight Search.
A drawer with spring physics: drag the handle to snap between heights or flick it closed, or slide in from the left or right, on Radix Dialog for focus trapping and scroll lock.
Bottom drawer with snap points example of Spring Drawer.
Side drawers example of Spring Drawer.
A list or grid whose items arrive one after another from any direction, then glide to their new places when filtered, sorted, added or removed.
Filterable grid example of Stagger List.
Four directions example of Stagger List.
A metric card with a clear comparison trend, optional visual, and readable value hierarchy.
Overview example of Stat Card.
States and variants example of Stat Card.
Four large numbers in a hairline grid that count up on scroll, each with a change badge, a small trend line and one line of context. Heading and copy sit above.
Default example of Stats 1: headline metrics with trends.
Numbers only example of Stats 1: headline metrics with trends.
A status page block: an overall banner and one row per service with a status chip, uptime and a 90-day bar history you can explore with the pointer or arrow keys.
During an incident example of Status Badge Row.
Services with 90-day history example of Status Badge Row.
A compact status indicator that always pairs its color with a visible label.
Overview example of Status Dot.
States and variants example of Status Dot.
A guided multistep form shell with gated progression, review states, and keyboard-accessible navigation.