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 paragraph with a moving point of focus: a few words stay sharp while the rest soften into blur, drifting along by itself or following the pointer.
Keeps keyboard focus inside a dialog, drawer or menu while it's open: Tab and Shift+Tab loop through its controls, focus starts where you choose and returns to where it was, Escape calls you back, and an optional ring glides to whatever has focus.
A responsive site footer with a logo, description, social links, multi-column link groups, and a copyright line.
A minimal site footer with up to 4 link columns, a hover-underline link style, paper/glass/custom theming, and a copyright bar.
A forecast that shows its doubt: history runs into nested 50, 80 and 95% ribbons that widen with time, and scenarios ease from one shape to the next.
A form field wrapper with label, description, required or optional marker, info tooltip, character counter and animated helper, error and success messages, with sync or async validation and aria wiring for any control.
A full settings form laid out in sections, with titles on the left and fields in cards on the right: profile with a workspace URL that follows the name, a brand color picker and a character counter, a billing contact address grid, and email and push notification choices. Changed fields get a dot, a sticky bar counts unsaved changes, and saving checks every field and jumps to the first problem.
A tiered cart reward bar: free shipping, a free gift and free express milestones on one striped progress track, a message that says exactly how much more to add, milestone icons that pop when reached, an unlocked toast and 'close the gap' add-ons that pick the cheapest item that gets you there.
A bundle builder for product pages: the current product plus add-ons joined by plus signs, each toggled with a check, greyed out when skipped, with bundle discount tiers, a counting total, savings and an Add all to cart button that confirms the items added.
A home-screen card of frosted-glass app icons over drifting colour: a soft light follows the pointer behind the glass, icons lift with a specular highlight that tracks the cursor, opening an app ripples it and pops its unread badge, and a frosted dock sits underneath.
A wide table that scrolls sideways while the first column, any pinned columns and the total stay frozen, with a sticky header, a sticky totals footer, edge shadows that appear as you scroll and pin buttons in the headers.
A full-screen menu that grows out of its Menu button in a circle: large serif links rise into a hairline framed grid, the hovered link dims the rest and fills a preview panel, with contact and social cells, focus trap and Escape to close.
A clear record of one tool call by an AI agent: what went in, what came back, how long each part took, and what it cost, set out like a receipt.
A conversion funnel as one smooth flowing shape: each step's width follows its count, curving into the next, with step-to-step conversion pills on the joins, ghost bands that show how much was lost, a drop-off tooltip and a stacked-rows layout on phones.
A gallery of scattered, gently drifting image cards with random rotation, cursor repel/attract mode, pause-on-hover, and a click-to-open lightbox.
A project timeline with tasks grouped into collapsible phases, bars you drag to move or stretch to resize, milestones, dependency arrows that turn red and dashed when a task starts too early, one-click auto-scheduling, day and week zoom, a today line, keyboard moves and a details bar with a progress slider.
Compare periods by flipping through them: the line swings to its new shape and leaves fading ghosts behind, with earlier periods kept as faint traces.
A digital gift card section: a live card preview that tilts with the pointer and updates as you type, four code-drawn designs, preset and custom amounts with limits, recipient, sender, send-now-or-later and a message, add to cart, plus a 'Check balance' tab.
A gift card builder with a live 3D preview that tilts with the pointer and flips to show the message side: six card designs, preset or custom amounts with limits, to, from and recipient email, a 140-character message in three letterings, send now or on a date, and an add-to-cart button that confirms.
A 3D tilt card that reacts to the cursor with animated conic-gradient reflections, diamond, holographic or aurora reflex styles.
A pill navbar that expands into a full panel of large nav links, a tagline, and social links, with a CTA button, badges, active-page highlight, and light/dark theming.
A canvas-rendered, drag-to-scroll carousel with a curved wave layout and ambient wind/drift/magnetic card sway, click-to-open lightbox modal, autoplay, and image/video support.
Navigation pinned to a slowly turning hairline globe: links ride the surface and fade as they swing round the back, drag to spin it, hover to pause, focus a link to turn it to the front, with a caption naming the link that faces you.
A premium call-to-action button with a glossy face: a lit gradient, a glass highlight on the top half, a band of light that sweeps across on hover, an arrow that nudges forward, and a press that sinks. Ink, paper and four colour palettes, or your own two stops.
A card with an animated rotating conic-gradient glow border, customizable colors, text position, and an optional background image.
A floating-action-button popup that opens a glowing 4-level platformer, jump between walls, dodge moving lava, and collect coins to finish each level, keyboard and on-screen touch controls included.
Check what a run was meant to do against what it did: each goal with its target line, a clear met or missed, and a note on why.
Glossy liquid blobs that drift, stretch and fuse together like lava-lamp goo: your pointer becomes a blob of its own that pulls them into one shape, trails a drop behind it, and a click flicks off a little droplet.
An accessible tab bar with a filtered liquid indicator and trailing blob, automatic active-tab measurement, roving keyboard focus and reduced-motion support.
A Google Maps embed for one or more locations, with no API key needed: a hairline location list that crossfades the map, map/satellite and zoom controls, a darkened map for dark themes, directions and copy-address actions, live local time and an optional click-to-load consent screen.
A force-based bubble chart with pointer attraction, collision separation, together/team layouts and keyboard-accessible project values.
Brush a letter and it falls: letters drop with real gravity, bounce on the floor, then climb back to spell the word again.
A grid list of people for an app: cards with avatar, presence dot, role and team, Email and Call actions, a star that pins favourites to the front, team filters with counts, search, Show more, and multi-select with a floating bar to message everyone selected.
A deals table grouped by stage or owner: sticky group headers with a count, total, weighted value and share bar, groups that fold away smoothly, a Group by switch and collapse all.
Plans as paper price tags hanging from a rail: they swing like real pendulums when the pointer brushes past, the chosen tag drops lower on its string, and its details appear underneath.
A cohort retention table coloured like a heatmap: one row per signup month, one column per month after, cells shaded by how many users stayed, a percent / users switch, a weighted average row and a crosshair that compares any cell with the average.
A recruiting pipeline screen for one role: a stage funnel bar, Applied → Screening → Interview → Offer → Hired columns with counts and reach rates, candidate cards with ratings, source, next step and days in stage (red after a week), drag and drop between stages, select-to-advance or reject, search, and undo toasts.
A sticky filter bar above a product grid: dropdown pills for category (with live counts), price range with presets, colour swatches and rating, one-tap On sale and In stock toggles, a sort menu, removable active-filter chips with clear all, and a grid that reflows with animation; scrolls sideways on phones.
A hover-triggered rich preview card with open/close delays, a hover bridge so moving into the card keeps it open, placement with collision flip, an optional arrow and keyboard support.
A floating message toolbar with keyboard and touch access, copy, editable AI reply suggestions and async reply submission.
A workspace for checking what AI wants to do: a queue, the proposal with its checks and confidence, edit in place, and approve or reject from the keyboard.
A compact icon-only button for toolbars and table rows: solid, soft, outline or ghost, square or round, four sizes, a tooltip that names the action, a count badge, a loading spinner and a danger tone for destructive actions.
A feature box with an icon, title and text for features and services grids: in the card style a light follows the pointer along the border, the icon tile lifts and tilts on hover, and a linked box nudges its arrow forward.
A store category bar of line icons with labels that keeps as many categories as fit and folds the rest into a More menu as the width changes, with a little hover animation per icon, a sliding underline on the current category and a subcategory strip below.
A list with an icon on every line for features, benefits and what's included: checks that draw themselves in as the rows fade up, dimmed and struck-through lines for what isn't included, optional descriptions, and one or two columns.
A toggle button that swaps between two icons with a rotate, 3D flip, pop or slide: ready-made pairs for play/pause, mute, like, save, show/hide, menu/close, light/dark and copy/copied, or any two icons of your own.
An image box for stories, projects and services in three layouts (stacked, overlay, split), with an image that drifts toward the pointer, a drawn title underline, a sliding arrow, a description that opens on hover in the overlay layout and the whole card as one accessible link.
An image cropper with a draggable, resizable crop box, aspect presets or a circle mask for avatars, keyboard nudging, drag-and-drop upload and the cropped image returned as a data URL.