Animated React components, blocks, charts and AI-chat UI built with Tailwind CSS v4 and Motion. Free MIT library with an MCP server so coding agents can install them.
Inline alert that stays in the page flow in six tones, as a floating card or full-width banner; it unrolls with a spring, each tone icon moves once, and dismissing folds it away.
Small uppercase status label in nine tones, with an optional pulsing dot for live states and a lock glyph on Pro.
Right-click or long-press menu that opens at the pointer: it scales from the nearest corner, items stagger in, a highlight glides between rows and submenus slide in beside their item.
Avatar in six sizes with an image to initials to icon fallback chain, presence, verified and logo corners, plus a stack that fans out on hover; photos blur up into focus.
Four ways to present a post — editorial cover, compact list, featured series and author-led quote — each with its own motion moment, from layered parallax to a gliding row highlight.
Byline-first card with a pull quote, a bookmark that pops and ticks its count, and a copy-link action.
List of posts with reading-progress rings, a highlight that glides between rows and arrow-key navigation.
Cover card with a drawn type specimen whose layers drift under the pointer, plus category, excerpt and byline.
Split card for a multi-part series: step through parts while the art and copy crossfade in the direction of travel.
Draggable glass sheet with snap points; release velocity is projected forward to pick the detent and the scrim fades with the sheet's height.
Single-open accordion whose panels open on a weighted height spring while the body rises out of a blur and the plus turns into a cross.
Location trail with chevron, slash or dot separators, a home crumb and long middles collapsed into a menu; in button style a hover pill glides between crumbs.
Pill button in twelve styles and five sizes with a spring press, leading and trailing icons, inline links whose underline draws in, a Spinner loading state, an async state machine and a magnetic hover.
Month grid for a single date or a range, one or two months wide; months slide in with a blur in the direction of travel and the range band sweeps out from the start day.
Card number, expiry and CVC in one well: digits group as you type, the brand is detected from the prefix and its mark flips in, focus advances field to field, and it stacks to two rows when narrow.
Four message threads — support with typing indicator, group chat with reactions, file and voice attachments, and delivery receipts — where every new message springs in.
File message with a ring-progress download and a voice note with a seekable waveform and speed control.
Direct-message thread where sent messages animate through sending, sent, delivered and read, with retry on failure.
Group chat with grouped senders, toggleable reaction pills whose counts roll and an inline reaction picker.
Support conversation with grouped bubbles, quick-reply chips and a typing indicator before each answer.
Native checkbox whose tick draws itself with a spring, morphs to a dash when indeterminate, and groups under a select-all parent.
Inline numbered citation chips that open a source card with a spring on hover or focus, plus a sources list that highlights the cited item.
AI-style code block with filename header, copy button, line numbers, line highlights and a tiny highlighter; long code collapses behind a height spring.
Type-to-filter combobox: matched text lights up in volt, a create row offers what you typed, async results load behind a spinner, and an empty state wobbles in when nothing matches.
A ⌘K palette on frosted glass with fuzzy search and grouped results; a spring highlight glides to the active row as you arrow through.
Icon button that copies a value to the clipboard and morphs its glyph into a check with a scale-and-blur swap.
Large rounded call-to-action panel on a faded dot grid with a headline, two buttons and a soft volt spotlight that trails the cursor.
Date and range pickers on a sunken trigger: a popover holds the calendar, presets like Last 7 days and Apply/Cancel, plus a segmented date field whose digits roll as you step them.
Accessible base modal with a featured icon, four widths and stacked phone actions; it springs in over a blurred scrim and turns into a drag-to-dismiss bottom sheet below 640px.
A macOS-style dock whose icons swell on springs as the cursor nears; labels rise above and the active dot glides between apps.
Donut whose arcs sweep in on springs; hovering a segment or legend row expands it and swaps the rolling centre total for that segment's share.
A side panel that springs in from the left or right over a blurred scrim; drag it toward its edge, press Escape or click outside to dismiss.
Menu button with button, icon, avatar or account-card triggers, an account header or filtering search, sections, checkbox and radio rows and submenus; it springs open from the trigger and a highlight glides between rows.
FAQ section with a heading, a spring accordion of questions and a "still have questions" contact card whose avatar stack pops in.
Bento grid of six features where each tile runs a small live micro-animation — a typing command, a theme toggle, a moving focus ring, a rolling counter, springy bars and a clicking cursor — and lifts on hover.
Label, control and hint line with ids wired for screen readers; errors shake the control once and blur in under it.
Collapsible file tree where folders spring open, chevrons rotate, indent guides light up for the active folder and a selection pill glides between rows.
Site footer with a brand blurb, four link columns, a newsletter field that swaps to an inline success state, and a base row with legal links and a pulsing status dot.
Horizontal funnel whose centred bars grow in stage by stage, with conversion from the top and drop-off labelled between stages.
Design tokens
Marketing hero with a pulsing announcement pill, a word-by-word headline with a volt-marked word, two CTAs, a copyable install command and a floating product shot of animated UI cards.
Text field on a sunken well in three sizes with a volt focus halo, leading icon, joined text, select and button add-ons, a help tooltip, a clear button and a single shake when an error appears.
App connect grid, single-integration consent and sync health cards — optimistic connect, spring permission switches and a failed sync that heals on retry.
Grid of apps with All and Connected filters, a connect flow that spins then springs to Connected, and layout-animated filtering.
Two linked marks, a permissions list with spring switches and locked required scopes, and an authorize flow that ends in a drawn check.
Sync health with run-history bars, a failure notice that collapses on retry, a live record counter and an auto-sync switch.
Four hand-drawn SVG line charts — multi-series, single metric, period comparison and annotated steps — that reveal left to right, morph with springs and read out values on hover or arrow keys.
One metric under a volt gradient with labelled peak and low markers, an average guide, a glowing latest point and a headline that follows the crosshair.