Animated React components, blocks and elements built with Tailwind CSS and Motion. 150+ free, open-source items install with the shadcn CLI; premium components are sold separately.
Step back through an AI agent's run: drag along the line to see each saved state, with its files, tests and cost, then restore to any point.
A corner-anchored promo popup shaped like a torn event ticket, with 5 themes, a zigzag badge stub, immediate/delay/scroll triggers, auto-hide, and dismiss-memory.
A Sankey diagram of how things flow between stages: columns of nodes sized by volume, gradient ribbons whose thickness follows each flow, a layout that untangles crossings, hover highlighting of a node's paths and a tooltip with both shares.
A silky satin fabric shader of slow, overlapping folds with real lighting: soft diffuse shading, a sharp specular highlight and a broad sheen on the turning edges; the light follows the pointer so highlights slide across the cloth.
A memory drawer with searchable categorized facts, add and edit forms, reversible deletion and keyboard-accessible modal controls.
A savings goals screen: goal tabs with progress bars, a counting balance with a progress ring and an on-track finish date, a balance chart with a dashed projection to the goal line and a hover crosshair, quick and custom contributions with milestone messages, and an auto-save switch with a monthly amount slider that moves the finish date.
A scatter plot for spotting relationships: coloured groups of points that pop in on scroll, a least-squares trend line with its slope and R², legend toggles, and a nearest-point tooltip with guide lines and value pills on both axes.
A connection prompt that gives people real control: switch each permission on or off, pick how long access lasts, and see the risk change before allowing it.
A gamified scratch-to-win popup, drag to scratch a gold-foil canvas off a 3x3 icon grid, match three to win a reward tier with a confetti burst, copy the code, and track attempts left. Inline or corner-widget popup with manual, delay or scroll triggers.
A scrollable container with a thin, draggable, auto-hiding custom scrollbar (vertical, horizontal or both) and edge fade masks, replacing the native browser scrollbar.
Reading progress in three forms: a thin spring-smoothed bar, a corner ring with the percentage that becomes a back-to-top button at the end, or a track split into your page's sections that labels the current one and jumps to any other.
Full-height sections that snap into place one at a time as you scroll, each sliding its eyebrow, title and text up while its photo unclips and settles, with a counter, a progress line and dot navigation.
A sticky horizontal bar of section links (Overview, Features, Specs, Reviews) that follows the section in view with a sliding pill or underline, keeps the current link scrolled into view on phones, and fills a progress line as you read.
An accessible animated search field with a live suggestions menu, keyboard navigation, a clear button, a loading spinner and a Cmd/Ctrl+K shortcut.
A page-section wrapper that keeps widths, padding and headings consistent: an optional eyebrow, title and description, grid, dot or glow backgrounds that fade out at the edges, framed side rails with corner marks, and a gentle reveal as it scrolls in.
A section heading for inside a page: title with a count, description, a search that expands from an icon, a primary action, status tabs with counts, a sort menu and a grid or list switch, wired to the content under it so filtering, sorting and layout changes animate.
A compact radio-style switch between a few options with a sliding animated thumb, solid or soft styles, icons, icon-only mode, vertical orientation and arrow-key navigation.
An accessible, animated custom select with a springy chevron, keyboard navigation, type-ahead, option descriptions, disabled options and a focus ring.
A settings page with section navigation (Profile, Workspace, Appearance, Danger zone), labelled form rows with validation, theme cards, accent colours and density, an unsaved-changes bar that slides up with Discard and Save, dots on sections with pending edits, and a typed confirmation before deleting the workspace.
A preferences page of grouped switches that save instantly: search with highlighted matches, settings that reveal a follow-up option when turned on, beta badges, a reload banner for settings that need it, a saved check on each change, an undo toast, a count of changes from default and reset per section.
SVG dividers that shape the edge between two sections: waves that drift in a seamless loop, a curve, a tilt, a peak, a zigzag or steps, layered in up to three tones, at the top or bottom of a section and mirrored if you like.
Share buttons for X, LinkedIn, Facebook, Reddit, WhatsApp and email with a copy-link button that turns into a tick: round icons with hover labels, labelled pills, or a single Share button that fans out into the row, plus the device's own share sheet where it exists.
One bar split into the parts that make up a total, with last period's split underneath and a list of each part's share, amount and change in points.
A share dialog for a document: add people from a directory with keyboard autocomplete, set each person's access or remove them, choose general access (restricted, everyone in the workspace, anyone with the link) with its own role, link settings for expiry, password and downloads, copy link and notify people.
A soft band of light that sweeps through a line of text, for loading states, AI status lines and quiet emphasis.
A shipping and delivery estimator: a free-shipping progress bar, country and postal code fields with per-country validation, delivery options (Standard, Express, Next day, store pickup) with prices and business-day ranges, remote-area surcharges and an animated timeline of real delivery dates for the chosen option.
A collapsible app sidebar with grouped nav sections, a sliding active-item indicator, badges, an icon-only rail mode with hover tooltips, a user footer and full keyboard navigation.
Compare several attempts at the same task: score, time, cost and the actual output next to each other, then choose the one that goes forward.
A vertical tab menu for settings pages: tabs with icons, second-line descriptions and count badges, grouped under headings, an active highlight with a rail that slides between them, and a panel that fades to the chosen tab. Stacks on phones.
A title that loses signal for a moment: colour channels split and slices of the word jump sideways in short bursts, then it snaps back clean.
A signature field that draws smooth, pressure-aware ink, with undo, clear, a typed-signature option for people who can't draw, and PNG and SVG export in a paper-ready ink colour.
A formal approval in one card: the facts that matter, who signs in what order, a press-and-hold approve button, and a one-line way to send it back.
A landing page hero with an announcement pill, a headline whose words blur in one by one with an accent highlight, two buttons, avatar and rating proof, and a product window that rises in, over a grid and a glow that drifts toward the pointer.
A shoe product card with a size grid and a Size guide link that opens a modal with three tabs: a selectable US/UK/EU size chart in cm or inches, a Find my size tool that recommends a size from foot length and width, and an illustrated How to measure guide. Picking a size applies it to the product.
A loading placeholder with rect, text, circle and card presets, a shimmer or pulse animation, reduced-motion support and a built-in swap to real content when loading ends.
An accessible single or range slider with a draggable thumb, a value tooltip, optional step marks, keyboard control and a focus ring.
An app install bar for mobile visitors: icon, rating and an Open button that links to the right store for their device, and it stays away once closed.
A canvas-rendered Snake game with three difficulty speeds, keyboard and swipe controls, a directional-eyes snake head, high-score tracking, and ready/game-over overlays.
Links to your profiles in three styles: round icons that fill from the bottom and tilt on hover, a list with handles, follower counts and an out arrow, or a dock whose icons grow as the pointer comes near.
A list people can put in their own order: drag a row by its handle and the others slide out of the way, or use the keyboard (Space to lift, arrows to move, Space to drop, Escape to undo), with live position numbers and optional remove buttons.
A canvas Space Invaders, a descending grid of pixel-drawn invaders that shoot back, three difficulty levels, keyboard controls on desktop and on-screen move/fire buttons on mobile, with a win/lose end screen.
See where the time goes in one request: every step as a bar on a shared time axis, nested under the step that started it, with a click to focus one branch.
A KPI card with a sparkline: the number counts to its new value, a change badge says how far it moved, range tabs swap the series with a redraw, and scrubbing the chart turns the headline into that point's value.
A product table with a tiny trend chart in every row: 30-day sparklines coloured by direction, hover for any day's value, revenue with share bars, week-over-week change pills and sortable columns.
A floating action button that opens into a short menu of actions: the plus turns into a close cross while actions spring out one after another in a line or a quarter-circle fan, each with a label, with an optional dimmed backdrop and full keyboard control.
A personal finance spending breakdown: month total with budget left and change vs last month, a gapped donut with a center readout, ranked category bars with budget markers and over-budget flags, compare-with-last-month ghost bars, a table view, month stepping and a merchant drill-down per category.
A gamified discount-capture widget where visitors spin a weighted SVG prize wheel for a reward, with five glass themes, a themed reveal modal and code copy, rendered inline or as a corner-launched popup with manual/delay/scroll triggers.
Photo cards wound around an endless 3D helix that turns and climbs with the wheel, a drag or the arrow keys, with the far strand glowing faintly through, a big index and caption, and line indicators to jump anywhere.