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 fullscreen hero gallery where inactive slides collapse into a stacked deck of thumbnails; clicking one crossfades it to full size with Ken Burns zoom, cursor parallax, and a title/description rail with CTA and prev/next controls.
A wrapper that makes anything celebrate a click: sparks, confetti, hearts, expanding rings or stars burst from the exact point you clicked, drawn on a canvas that spills past the element's edges and stops when the last particle fades.
A syntax-highlighted code block with line numbers, per-line highlighting, a filename/language header, a copy button and a collapsible fade-out for long snippets.
A single-hue cohort retention matrix with percentage and user views, weighted retention, hover details and unobserved periods kept apart from zero.
A real 3D CSS coin, click or tap to flip with a physical spin animation, a yes/no question field, flip history dots, and a heads/tails ratio readout.
A color picker with a draggable saturation/brightness area, hue and opacity sliders, hex input, preset swatches and an optional screen eyedropper, all keyboard accessible.
A grid of black-and-white photos where colour floods in from the exact point the pointer enters a tile, a little colour seeps into the neighbouring tiles, and it drains back out toward where the pointer leaves; captions slide up over each revealed photo.
A dimmed heading that fills with a colour gradient from left to right as it comes into view, and follows the pointer back and forth.
A searchable select where you type to filter options, with match highlighting, option descriptions, disabled options, a clear button, an empty state and full keyboard navigation.
A bar and line combo chart on two axes: bars for an amount like revenue, a smooth line for a rate like margin, with a dashed target, bars that grow in one after another, a line that draws over them, and a column tooltip with the change from the month before.
A Cmd/Ctrl+K command palette with fuzzy search and match highlighting, grouped results, keyboard navigation, shortcuts and a portal overlay.
A theme-aware before/after image comparison slider with horizontal or vertical drag direction, keyboard support, and before/after labels.
A focused alert dialog for confirming an action, with default/warning/danger variants, an async-aware confirm button with a spinner and inline error, and a safety-first default focus.
An integrations list where each app has a switch that does the real flow: turning one on shows what it will be allowed to do before connecting, connected apps show the account and options to configure, expired ones ask to reconnect, and turning off asks for confirmation. With filters and search.
A scatter plot drawn as a night sky: points twinkle, each segment is joined into a constellation, and pointing at a star lights up its whole group.
A contact section with a heading and your email, phone and address on the left, and a validated message form on the right: topic chips, a loading state driven by your onSubmit promise, inline errors and a thank-you screen.
A two-pane contacts screen: search, All / Favorites / Online filters, a favorites avatar strip, an A–Z list with sticky letters and a jump index, presence dots, hover quick actions for message and call, and a detail pane with actions, favorite toggle and copyable email and phone.
A long-form content section: a sticky side column with the title, read time, a scroll-linked progress bar and chapter links that follow your reading, next to chapters built from paragraphs, numbered lists, images with captions, pull quotes and stat rows that reveal as you scroll.
A switch that swaps the content below it: a pill or underline thumb slides to the chosen option, the new panel slides in from that side (or fades or blurs in), and the box eases to the new height instead of jumping.
A right-click context menu with checkbox and radio items, nested submenus, viewport edge clamping and full keyboard navigation.
A side panel of tips that follows what someone is doing: the hints change with the field or step in use, and learned ones fade away.
A year-long activity calendar in the style of a contribution graph: one square per day in week columns, five colour levels from quartiles, month and weekday labels, longest and current streaks, a best-day stat, day tooltips and a grid that fits any width.
A cookie consent banner as a corner card or a bottom bar: accept all, reject all with equal weight, or open per-category switches (necessary locked on), and the choice is remembered, with a small button to change it later.
A standalone copy-to-clipboard button with ghost/outline/solid variants, icon-only or labeled modes, a floating tooltip, and animated copied/error states.
A diagonal ribbon for the corner of any card, in any of the four corners, with a band of light that passes along it now and then.
An interactive Pearson correlation matrix with pairwise missing-data handling, a diverging color scale, strong-link emphasis and keyboard cell inspection.
A sale bar that counts down for real: rolling days, hours, minutes and seconds, a coupon that copies with one click, and an ending message when time runs out.
A countdown timer that counts down to a duration or an absolute end date, with flip-cell digit transitions, a compact text mode, and an optional loop.
A discount code card: type a code (validated with a spinner, shaking with a clear message when invalid or below its minimum spend) or pick one of the available coupon tickets, with a 'Best value' tag, locked coupons that say how much more to add, an applied ticket with a confetti pop, and totals that count down.
A grouped card number, expiry and CVC field: brand detection with an animated mark, 4-4-4-4 or Amex 4-6-5 spacing, Luhn and expiry checks, and focus that moves on as each part is complete.
A credit top-up picker: packs that get cheaper per credit, a balance that counts up as you choose, what the pack is worth in images or minutes, and an auto top-up switch.
A call-to-action banner: a rounded card with a light that travels around its border, a soft glow that follows the pointer over a faded grid, a headline, two buttons, a small note and a check list, centred or split into two columns.
A money input with a currency picker: live thousands separators for any locale, the right number of decimals per currency, an animated symbol, arrow-key steps and min/max, returning a plain number.
Silky, tapered ribbons of colour that chase the pointer on springs of different stiffness, fanning apart when you move fast and gathering when you slow down, glowing where they cross and wandering on their own when idle.
A marquee on a bendy line: text runs along a curve that sags at rest, and the pointer pulls the whole band up or down.
Everything about one account on a single screen: revenue, health, seats and renewal, a weekly usage chart you can read week by week, plus contacts, activity and team notes.
A 3D image gallery arranged around an auto-rotating cylinder, with configurable rows/columns, tilt angle, rotation speed, and edge fade opacity.
An app footer with a live status bar: a pulsing system status that opens 30-day uptime bars per service, region and latency, last synced with Sync now, a version badge with a What's new panel, a language menu, page feedback, and a keyboard shortcuts dialog on ? with a filter.
A complete dashboard header: a top bar with a workspace switcher, tabs with a sliding underline, ⌘K search that expands in place with keyboard results, notifications with unread counts and mark all read, and an account menu, over a page header with a live status line, a date range control that updates a KPI strip, and export with progress.
An admin data table with sortable/filterable columns, global search, status tabs, row selection, badge/avatar/actions cell types, pagination, and light/dark/custom theming.
A collection view that switches between a card grid and a list, with every item gliding to its new place; a sort menu reorders them with the same motion, and a pager steps through pages.
A date picker with a popover calendar: single date or range selection, month navigation, min/max and disabled dates, Today and Clear shortcuts, localized labels and full keyboard support.
A dashboard date range control: a trigger that shows the range and its comparison, a popover with presets, typed start and end dates, a two-month calendar where the range previews as you hover, future days disabled, a compare-to period drawn under the calendar, and Apply updating the numbers and chart behind it.
A CRM sales pipeline: open pipeline, weighted forecast, won and win-rate tiles, owner filters, Lead → Qualified → Proposal → Negotiation → Won columns with totals and win probability, deal cards with value, owner and close date (stale ones flagged), drag and drop with a lost drop zone, a celebration burst on won deals, keyboard moves and undo.
A semantic term/value list for specs, order summaries or profile details, with stacked, inline and grid layouts, optional icons and a hover-reveal copy button per row.
A realistic Studio Display-style monitor mockup with an internal video/image carousel, swipe or auto-advance, slide/fade transitions, 3D cursor tilt, ambient glow, and a progress bar.
A full record page for a customer, project or account: header with status, Follow, a primary action and a More menu, a stats strip, Overview, Activity and Notes tabs, fields you edit in place with Enter or Escape and a Saved tick, plus a sidebar with owner, removable tags and open deals.
Square cards fan out diagonally into a stacked deck, each inactive card rotates and offsets away from the active one, with paper/glass themes.