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.
A fully playable 2048, arrow-key and swipe controls, spring-animated tile merges, score and best-score tracking, and win/game-over overlays.
A 360° product viewer driven by an image sequence: drag with inertia, an idle spin, a tick ruler that jumps to any angle, hotspots that fade in on the side they belong to, and pointer-follow zoom, with a hairline loading bar.
A centered "page not found" section: a big glitching error code, heading, description and one or two pill buttons. Follows the host site's theme by default (or a fixed dark / light palette with an optional theme toggle) and scales with its own width.
An experiment result worked out from your raw counts: rates, change, confidence and a 95% interval for each metric, with a daily chart and a clear ship or keep running call.
An accessible accordion with single or multiple open panels, default, card and filled variants, chevron or plus indicators, smooth height animation and full keyboard navigation.
A one-page checkout made of four accordion sections (contact, shipping address, delivery, payment) that open in turn, check their fields and fold into a one-line summary with edit, a segmented progress bar, a pay button that unlocks when everything is filled, and a sticky order summary with discount codes and tax.
The menu behind an app's avatar, done properly: profile header with plan, a custom status with emoji, availability that recolors the avatar dot, a workspace switcher, shortcuts for each item, an appearance switch that really changes the theme, a confirm step before signing out, and full keyboard support with type-ahead.
A first-run account setup in collapsible sections: profile with avatar color and role chips, workspace name with an auto-generated URL, email invites as chips with validation, preferences, a segmented progress bar, completed sections that collapse to an editable summary, an optional skip and a finish card.
A readable record of what your bots did: activity by hour, each action with its reason and before and after values, and Undo for the ones that can be reversed.
A stack of action panels for an account page, each a title, a sentence and one action that really works: export with progress and a JSON download, two-step verification with recovery codes to copy, an inline billing email change, ownership transfer with a warning step, and leave workspace behind a typed confirmation.
A team activity feed grouped by day: comments with @mentions, status changes shown as from → to pills, file uploads, deploys and new members, emoji reactions you can toggle, inline replies, filter tabs with counts, unread dots with Mark all as read, and a pill that collects new activity until you choose to show it.
A query builder for data tables: conditions made of field, operator and value with operators that fit the field type, and / or toggles, one level of grouping, a plain-English sentence of the filter, saved views, copy as JSON, and a results table that filters live.
A live map of how agents, tools and data talk to each other: messages moving along each line, plus who each one talks to and how much.
A live view of an AI agent working through a task: goal, status, gradient progress bar, elapsed time and tokens, a step timeline with tool chips and streaming logs, an automatic retry after a failure, a step that waits for your approval, pause and stop controls, and downloadable files at the end.
An agent-style AI answer card, a researching/reading/writing step tracker with a progress rail, markdown-style bold and bullet text, clickable inline citations, source cards, follow-up questions, and custom/sunset themes.
A dotted status light with two layouts, Mesh grid and Halo rings, across three animated states (Waiting, Listening, Thinking), in four dot shapes with adjustable colors.
A floating support launcher for any page: a gradient-ringed bubble with an unread badge, a proactive teaser with quick-reply chips, and a panel with Home, Messages and Help tabs, streamed AI answers, a hand-off to a person and searchable help articles.
A Dynamic Island-style AI status pill that morphs between idle, listening, thinking, working (with an unfolding step list) and done states, with a canvas-drawn particle orb and rippling energy curves.
An AI text editor that rewrites a selected passage, streams a word-level diff review with accept/reject actions, and morphs a dock through writing, review, and applied states.
A text-to-image workspace: a prompt panel with aspect ratio, style, model and seed controls, a feed of four-image runs that denoise step by step, hover actions to vary, upscale or like each image, and a lightbox with download.
An AI image-generation loader, canvas-drawn rolling topographic lines grow in and a top-to-bottom sweep reveals the finished picture, with cycling status messages and a regenerate button.
A Dynamic Island-inspired email composer with tone selection, async draft generation, editable subject and body, and send states.
A guest-review carousel with the Airbnb Bélo mark, aggregate rating header and CTA, above a draggable autoplaying grid of review cards.
An AI search page: a question bar, an AI overview that shows searching, reading and writing steps before streaming an answer with numbered citations, ranked results with highlighted terms and type tabs, and a People also ask panel.
A voice-assistant pill with a canvas audio-reactive visualizer, idle/listening/speaking states, a glowing edge ring, live word-by-word transcript, optional real microphone input, and custom/silver themes.
A portrait voice-assistant card with a canvas audio-reactive curve visualizer, a mic button that grows on tap, idle/listening/speaking states, and live word-by-word transcript.
A build-your-own plan: pick modules, set seats and watch the total update, with bundle discounts that unlock as you add more, modules that bring their dependencies along, a yearly switch and a live summary.
A polished toast/alert notification, 5 tones, stacked or inline layout, icons, primary/secondary actions, dismiss and auto-dismiss, light/dark theme, plus a showcase mode rendering every variant side by side.
An accessible checkbox with an animated draw-in checkmark, focus ring, and optional label, helper text, required marker, and info tooltip.
A heading whose words arrive one after another, rising from a mask, sharpening from a blur or sliding in, as it scrolls into view or on hover.
A loading spinner kit with 4 variants, rotating lines, ring, dual counter-rotating ring, and bouncing dots, sharing a common color/size/speed API.
Text links with underlines that move: a line that slides in from the left and out to the right, opens from the centre, draws as a wave, fills behind the text, sweeps like a highlighter, or pushes an arrow, with a faint resting line so they still read as links.
A wrapper that brings content in as it scrolls into view: fade from any side, zoom, blur, flip or a clip-path wipe, one block at once or each child in turn, once or every time, watching the window or any scroll box.
A multi-column application shell: an icon rail for sections with tooltips, a filterable list column, the selected item in the main pane and a details column you can show or hide. Switching sections swaps the list with a stagger, and on phones the list and detail take turns.
An application shell with a left sidebar: workspace switcher, main navigation with badges and a sliding active highlight, a collapsible Projects group, Docs and Settings, a user menu, a top bar with breadcrumb, ⌘K search and a New button, a sidebar that collapses to icons, and an off-canvas drawer on phones.
An application shell with everything stacked on top: a top bar with brand, main navigation and a sliding underline, search, a notifications dropdown with unread dots and an account menu, then a page header with breadcrumb, title, favourite star, status, actions and section tabs, and a hamburger menu on phones.
Any word rebuilt from plain text characters, with a slow shimmer across its surface and ripples that spread from the pointer.
A container that locks its content to a fixed width/height ratio (a preset like video or square, or a custom number), auto-fitting a single image or video child.
Hand out work to AI bots on a small board: drag a task to a bot, see who has the skills and room for it, or let the rest assign themselves.
An audit log with severity and actor filters, search, rows that open to show who did what from where plus a before and after diff, a live stream switch that slides new events in at the top and a JSON export of whatever is filtered.
A calm multi-series area chart with monotone curves and soft fills, source toggles that show live values, a hover readout and keyboard point inspection.
A sign-in, sign-up and forgot-password card in one: social sign-in buttons, email and password fields with inline validation, a show-password toggle, a password strength meter, a loading state driven by your onSubmit promise and a check-your-email screen.
A user avatar with image, initials or icon fallback, 5 sizes, circle, rounded and square shapes, a presence status dot with pulse, an accent ring and an optional click state.
A stacked group of avatars with photo or initials, an overflow +N bubble, hover lift with name tooltips, a spread-on-hover animation, 5 sizes and adjustable overlap.
A product buy box where picking a sold-out size swaps Add to cart for a restock alert: expected date and people waiting, an Email or Text message switch, validation, a half-size-either-side option and a ringing-bell confirmation, with alert badges on sizes and removable alert chips.
A floating scroll-to-top button that fades in past a threshold, with an optional progress ring showing how far down the page you are.
A status badge with 8 tone presets, light/dark variants, 3 sizes, 6 icon styles (check, cross, minus, dot, spinner, custom), and an optional dismiss button.
A stacked bar chart, up to 5 series per bar, a reference line, a peak-value annotation, and a hover tooltip breaking down each bar's segments with a running total.