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 3D book-flow carousel where cards tilt around the active slide, with paper/glass themes and 3 title alignment styles.
Large display text that tilts in 3D toward the cursor, with a layered shadow extrusion for real depth, a specular shine highlight, and idle float/breathe animations.
A vertical timeline with status markers (done, active, pending, error), a connecting line, an alternating layout option, collapsible per-item detail and a scroll-triggered staggered reveal.
A time-off request screen: vacation / sick / personal balance cards that preview the request, a month calendar for picking a range that skips weekends and holidays, existing requests and teammates who are off marked on the days, half-day options, overlap and balance warnings, a note, and a requests list with pending items you can cancel.
A time picker with a popover of scrollable hour, minute and AM/PM columns: 12 or 24-hour clock, minute steps, min/max times, a Now shortcut and full keyboard support.
A stacked toast notification system: toasts pile up in a layered stack that fans out on hover, with six tones including a loading state that turns into a result, auto-dismiss that pauses on hover, swipe to dismiss and an action button.
A button that stays pressed: the fill grows out from the middle, icons spin into their 'on' version, labels roll from Follow to Following and counts tick up by one. Outline, soft and ghost styles, icon-only or with text.
A monthly / yearly billing switch whose price rolls to the new amount digit by digit like an odometer, with a saving badge that pops when yearly is picked and a line that spells out what's billed and saved.
An accessible switch with a springy squish animation on the thumb, an optional label + helper text, and a focus ring.
A compact context budget island with used and reserved tokens, expandable breakdown and near-limit or exceeded states.
An accessible toolbar of icon buttons, toggles, radio-style toggle groups and separators with roving-focus arrow-key navigation, a sliding hover highlight and animated tooltips.
An accessible tooltip with 4 placements, auto-flip near the screen edge, a hover delay, keyboard-focus support, an arrow and an optional shortcut badge.
A transactions table for finance screens: money in, money out and net for 7, 30 or 90 days with a drawn trend line, type filters with counts, search, rows grouped by day with daily totals, status dots, a detail drawer and CSV export.
Two lists side by side for moving items from one set to another, such as available and granted permissions: tick items and send them across with the arrows (or double-click one), move everything at once, search each side, and watch rows glide between the lists.
A transparent responsive header with an optional frosted surface, desktop links, a keyboard-friendly mobile disclosure and a configurable call to action.
A squarified treemap of a two-level hierarchy: tile area follows value, tiles are coloured by growth from red through neutral to green, groups carry labelled headers, and clicking a group zooms into it with tiles gliding to their new places.
A table whose rows nest, like files in folders: open and close branches with a chevron, parents add up their children (folder sizes), sort any column with folders kept on top, and tick rows with checkboxes that select whole branches.
A hierarchical tree with expand/collapse, tri-state checkboxes for multi-select, single-row selection, guide lines and full keyboard navigation.
A store reassurance strip: shipping, returns, warranty and secure checkout badges with icons that draw themselves, each opening the three facts behind the promise, plus an overall rating with partially filled stars and the accepted payment types shown as neutral icons.
Choose how much an AI bot can do alone: drag along the curve and see what it will handle, what it still asks about, and how many approvals that means a day.
A search-first hero whose box types out example searches by itself, then hands over to real search with live suggestions, highlighted matches and full keyboard support.
Text that types and deletes itself with a human, uneven beat, while the space it needs stays reserved so nothing around it moves.
Readable styles for rich text from Markdown or a CMS, without a plugin: balanced headings with hover # links, comfortable line length and rhythm, lists, quotes, inline code, code blocks with a Copy button, tables, marks and keys, scoped so they never leak into the rest of the page.
An upload manager for many files: drag in or browse real files, two uploads at a time with the rest queued, per-file progress with time left, pause, resume, cancel and retry, a total bar with speed, filters for in progress, done and failed, clear done, and a minimize-to-pill mode with a progress ring.
A post-add offer screen: choose between your pick and a highlighted upgrade with a side-by-side spec table that follows the choice, add accessories at a bundle discount with struck-through prices, and watch the total and savings update before adding everything to the cart.
A usage panel for metered plans: daily stacked bars by source with a daily budget line, a cumulative view with the plan limit and a dashed projection to cycle end, used / projected / overage figures, a status line that names the day you will pass your limit, hover breakdowns and legend toggles.
A spending limit card for usage-based billing: a slider that shows what's spent (split by service), the month's forecast and the limit handle together, presets and a forecast + 20% shortcut, a live message saying whether and when you'll hit the limit, alert thresholds with amounts, what happens at the limit, and save.
A pay-as-you-go pricing calculator: sliders for requests, seats and storage, a live monthly estimate with a line-by-line breakdown, and bars comparing every plan so the cheapest one for that usage stands out.
A weekly availability editor: a switch per day, any number of time ranges with overlap and order checks, copy one day's hours to other days, a time zone, days off by date, a live week preview with total hours, and a save bar that blocks saving until every range is valid.
Product option pickers for colour and size: round colour swatches with a ring that glides to the pick, size chips with a sliding fill, the chosen value named in the label, sold-out options struck through, and a low-stock warning when only a few are left.
Oversized marquee rows that answer to your scrolling: they speed up and lean into it, then ease back to a steady drift.
A check-your-inbox screen after sign-up: an animated envelope with a sent counter, the masked address with an inline fix for typos, open email app, an I've-clicked-the-link check that tells people when it isn't done yet, a resend with cooldown and limit, tips for finding the email, and a verified state with a small burst.
A documentation-style vertical navigation with collapsible sections, nested pages on a guide line, a sliding active pill and marker, a filter that highlights matches (press /), arrow-key movement, and a content pane with breadcrumbs and previous / next links. On phones it folds into a menu button that shows the current page.
A live status tracker for multi-step processes like deploys, imports and order tracking: each step is done, running, waiting or failed, the connector fills as steps finish, the running step spins and shows its log lines, and screen readers hear every change.
A collapsible vertical workspace header with icon navigation, a shared active indicator, item badges and a compact profile footer.
A complete meeting screen: participant tiles with an active-speaker ring and live audio bars, grid and speaker layouts that morph, screen sharing with a filmstrip, mute, camera, raise hand, floating emoji reactions, a chat you can type in, a people list, a running call timer, keyboard shortcuts, and leave with rejoin.
A single video card with a pulsing glow-blob frame that morphs into a fullscreen lightbox on click, supports direct URL, YouTube, Vimeo, or uploaded files, a cursor-following watch label, hover preview loop, and a Web Audio sound-reactive glow.
A hero where a video plays through one giant word. Press play and the letters rush past the camera to open up the full film; Close or Escape brings them back.
A table that scrolls through 10,000 or 100,000 rows without slowing down: only the rows on screen are rendered, with instant search, sortable columns, a real-size scrollbar and a footer that shows what's visible and how many rows are actually in the DOM.
Tiered pricing you can see: a stepped price curve with a draggable marker, graduated or volume modes, a live total and average per unit, and the cost split across each tier.
A waitlist signup block: one email field, then your place in line counting into view with a progress bar, an invite link to copy or share that moves you up for every friend who joins, reward tiers that unlock, and a live waiting count.
A hyperspace star-streak tunnel shader: stars fly out from a vanishing point that drifts toward the pointer, and pressing and holding spools up to warp speed, stretching every star into a long streak with a flash in the core.
A waterfall (bridge) chart that explains how a number got from A to B: floating bars for each increase and decrease, totals anchored to zero, dashed connectors, signed value labels, a net change in the header and a running-total tooltip.
A first-visit welcome modal in three steps: pick one of three welcome perks (discount, free express shipping or a free gift), enter an email, then reveal a copyable code, with a split photo layout, progress bar, and calm exits.
An in-app changelog that opens from a ✦ What's new button with an unread count: a spotlight card for the big release, New, Improved and Fixed tags with filter tabs, entries that expand for details, unread dots, Mark all as read, a Helpful? vote on each update and an email subscription switch.
Interactive Whiteboard Canvas with light and dark themes.
A desktop app window to put your product in: drag it around, resize it from the corner, zoom it with a double-click, and send it to the dock and back.
A product grid with heart buttons that burst when saved, a Wishlist pill with a springy count, and a slide-in drawer listing saved items with variant, sale savings and stock, Move to cart, Notify me for sold-out items, a Share link button, a price drop alert switch and Move all to cart.