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.
Up to four series, volt first and the rest neutral or dashed; legend toggles rescale the axis with a spring morph and the crosshair reads every visible line.
This period in solid volt against the last in dashed neutral, the gap shaded, with week, month and quarter tabs that morph both lines together.
A step line for values that change in jumps, a dashed plan limit and numbered notes that pop a callout on hover or focus and step with arrow keys.
Customer logo strip of text wordmarks in varied weights and spacing, as an endless marquee or a bordered grid where each logo lifts to reveal a caption on hover.
Infinite horizontal scroller with faded edges that loops any content, runs in either direction and pauses on hover.
Masonry wall of tiles with mixed aspect ratios that keeps source order left to right, with category chips that filter the wall and tiles that glide into their new places.
User and assistant chat bubbles that spring in, group consecutive messages and reveal copy, retry and feedback actions on hover or focus.
A button that confirms in place: its label and icon morph through pending, done or error (Add to cart → Added → back) while the width springs to fit, plus a SwapSlot for any value that changes.
Number field with steppers on both sides or stacked on the right, min/max/step, full keyboard control and press-and-hold that speeds up; digits roll to each new value on a spring.
Number that rolls each digit on its own spring reel, staggered left to right, when it scrolls into view or the value changes.
A multi-view modal that opens from the button that launched it and returns there on close; the panel height springs between views and content crossfades through a blur.
A one-time-code field where a focus ring glides between slots and digits roll in; wrong codes shake, right ones draw a check.
Pure page-window engine plus numbered, compact, card-footer and carousel-dot paginators; the volt marker glides to the active page and numbers slide as the window shifts.
Password field with an eye toggle that blinks and draws its slash, a four-segment strength meter that springs in, and an optional requirements checklist.
Click-to-open panel anchored to its trigger that scales from the trigger edge with a spring and flips above or below to stay in the viewport.
Pricing table with a volt billing toggle, a seat slider with volume-discount tiers and plan prices that roll digit by digit whenever billing or seats change; the featured plan glows.
Chat composer with an auto-growing textarea, model picker and attachment chips; the send button morphs into a stop button while a reply streams.
Single-choice group with roving focus and a selected dot that glides between options on a spring; card mode turns options into tiles a volt ring slides across.
Slider with a volt fill, step ticks and a bar-shaped thumb that springs to each step and stretches while you drag.
Five review cards — rating summary, standout quote, review composer, compact list and photo review — with count-ups, star pops, rolling vote counts and a shared-element photo viewer.
Dense rows with star lines and optimistic helpful votes whose counts roll.
Review with a drawn photo strip; a thumbnail grows into an in-card viewer with arrow keys and Escape.
Average that counts up over a star histogram whose bars grow in and filter the list.
Single verified review with popping stars, a body that springs open with Read more, and a helpful toggle.
Star radio group with hover preview and spring pop, quick tags, counted text box and a thank-you crossfade.
Single-choice select on the field well with avatars, status dots, icons, groups and an optional search box; a volt highlight glides between options and the panel springs open, flipping above near the viewport edge.
100% stacked bars or areas showing each series' share per period; toggling between them re-stacks with springs, with a period tooltip and a legend that hides series.
Sign-up card with a GitHub button, an email field that validates and shakes, an animated password-strength meter, a stateful submit and a success state that morphs in with a drawn check.
Four feed posts — text, photo grid, poll and link preview — with optimistic toggles, rolling counts, a shared-layout photo viewer and results that count up.
Post with an expandable body and a rich link preview whose drawn image drifts on hover, plus like and copy link.
Photo post whose drawn grid tiles expand into a viewer with a shared-layout morph, arrow paging and Escape to close.
Poll post where voting grows the result bars and counts percentages up, with your choice marked and undo.
Text post with optimistic like, repost and bookmark: icons pop, the like bursts and counts roll.
KPI cards with rolling numbers, an up/down delta badge and a sparkline that draws in, with a crosshair on hover or arrow keys.
Loading indicator as a ring, dots or equaliser bars in five sizes; it announces itself as a status and slows to a pulse for reduced motion.
Four metric cards — headline KPI, scrubbable sparkline, goal ring and two-period comparison — with count-ups, redrawn lines, springing arcs and bars.
Metric tabs swap two period bars that spring to new lengths while the delta crossfades.
Progress ring and percentage spring to each logged step; milestones tick and the goal swaps to a done state.
Headline figure that counts up with its delta, and a breakdown that springs open into a stacked bar.
Period tabs redraw the line; pointer or arrow keys scrub to any point and the figure crossfades.
Four headline numbers that roll in digit by digit, each with a sparkline that draws itself, fills its area and drops an end dot when scrolled into view.
Progress steps, horizontal or vertical, with number, icon, dot or bar markers; connectors fill with a spring, numbers morph into drawn checks and the current step breathes.
Toggle switch whose thumb slides on a stiff spring and stretches while pressed.
Three settings cards built on a springy switch — notification preferences with a saved cue, plan features with dependent options and a save bar, and privacy toggles that ask before turning protection off.
Email and push preferences in labelled groups; the thumb stretches on press and a Saved chip blurs in after each change.
Workspace feature toggles where child options unlock with their parent, a locked row names its plan, and a save bar springs in once anything changes.
Privacy and security switches with a Protected or At risk badge; turning off a sensitive one opens an inline confirmation first.
Segmented tabs in pill, volt and underline styles; a shared spring indicator glides to the active tab and resizes to fit it.