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.
An account privacy and security page: a security checkup score ring with one-click fixes, active sessions with per-device and sign-out-all, recent sign-in activity with a flagged failed attempt, profile visibility and activity status, a data export with progress, and a type-to-confirm account deletion.
A featured product carousel: one product per slide with a big title, specs, price and shop button, photos that glide in, autoplay with filling progress bars (pauses on hover, focus or the pause button), swipe and drag, arrow keys and prev / next buttons.
A side-by-side product comparison with a sticky header of photos, prices, ratings and Add to cart buttons, collapsible spec groups, yes/partly/no marks, bars and Best badges for measured specs, a Show differences only switch, column hover, removable and re-addable products, and a sticky first column when it scrolls sideways on phones.
An eCommerce product page block with a switchable image gallery, color and size pickers, quantity stepper, animated add-to-cart button and Description / Specs / Reviews tabs.
A product feature tour: a vertical list of features with progress bars that autoplay through them, a large photo that crossfades and slowly zooms toward the part being described, a floating stat card, and a compact spec grid underneath.
A collection page with a filter sidebar: collapsible groups for category with live counts, a dual-handle price range over a price histogram, color swatches, minimum rating, in-stock and on-sale switches, removable active-filter chips, sorting, a result count and a grid that updates instantly (a toggle panel on phones).
A responsive product/portfolio grid section, heading, per-card image with hover zoom and reveal overlay, category/price meta row, optional badge, and a centered CTA button below the grid.
A featured product spotlight: a large photo with numbered hotspots that pulse and sync with a feature list, a floating caption card, rating, key stats, an optional add-on, an animated price and an add-to-cart button with loading and added states.
An eCommerce product listing block with a filter sidebar (live search, Free/Premium tiers, categories) and a responsive photo grid with New and Sale badges.
A product list laid out as rows: photo, blurb, spec chips, stars and live stock, price with the old price, a quantity stepper and add to cart, wishlist hearts, expandable details, a compare checkbox that fills a tray, sorting and a comfortable / compact density switch.
A product grid with quick view: hover a card for a 'Quick view' button that opens a dialog with an image gallery, rating, price, color and size choices, quantity and add to cart, plus previous / next to browse the grid without closing it.
A product review list: average rating, sorting, filter chips for photos, star level and the topics people mention most, review cards with verified badges, purchased variant, read more, photos, store replies and a helpful vote, plus 'show more' paging.
A guided product tour: a spotlight glides from element to element over a dimmed page while a card beside it explains each one, with progress dots, Back, Next and Skip, arrow keys, and automatic placement on the side that has room.
A profile card that flips from a photo front to a bio back on click or hover, with flip Y, flip X, spring, or fade transitions.
A circular progress indicator with ring, gauge, and dashes arc styles, scroll-triggered count-up animation, color thresholds, a comparison target marker, and a completion pulse.
A compact project card for status boards: health you can change in place, progress with its milestones, who's on it and when it's due.
A sale banner for store pages: a big headline that rises in word by word, a copyable discount code, a shop button, a live countdown to a real end date (hidden after it ends), terms, and a collage of product photos that drifts with the pointer next to a springy '40% off' sticker.
A library of reusable AI prompts: categories, search, popular, recent and favorite sorting, cards that highlight {{variables}}, a side panel that builds a form from those variables with a live preview, Copy and Use in chat, and a New prompt form that finds variables as you type.
Letters that thicken and lift as the pointer gets near, in a soft wave that travels with it, without pushing the rest of the line around.
A QR-code card, title, description, code image, hint text and an open-link button, inline or as a corner-widget popup with a focus-trapped modal dialog.
A grid of shortcut tiles for a dashboard home: coloured icons with a hover glow and a ripple when pressed, number keys 1–9 to run them, a filter, a Recent row, and an Edit mode where tiles wiggle, can be removed and new ones added from a library.
A replayable multi-series line chart: press play and the lines race through the year, the leader drawn stronger, with live rankings, a scrubber and four speeds.
A multi-series radar/spider chart with ring gridlines, per-series solid or dashed strokes, optional point markers, and a hover tooltip comparing every series at the highlighted axis.
A radial bar chart laid out like a clock: rounded bars radiate from a centre ring for each hour, coloured from quiet to busy, with faint outlines for last week, a centre readout that follows the hovered hour and stat tiles for the peak and quietest times.
An accessible, animated radio group with a springy dot, a ripple on select, focus ring, optional descriptions and a selectable card variant.
A create-resource screen built from radio card groups: plan cards with prices and features, region cards with latency bars and one at capacity, and compute size cards that lock on the free plan. A sliding selection outline moves between cards, a monthly or yearly switch reprices everything, and a summary with an animated total creates the database.
A min/max envelope chart with a nested core-range band, an actual-to-forecast line split, annotated risk zones, a reference line, and a live endpoint badge.
An animated star rating input with half-star precision, keyboard support, a dynamic low/mid/high color range, glow effect, and an optional progress bar.
A ratings summary that explains the score: big average with stars, an all-time / last 90 days switch, clickable 5-to-1 star bars, a would-recommend ring with verified share, a 12-month trend line, attribute scores, a two-ended scale, topic chips with positive and negative counts and matching review snippets.
An isometric field of cubes that rises under the pointer like a pin-art toy: cubes spring up, overshoot and settle, glow in an accent colour as they climb, and a click sends a ring-shaped wave rolling out across the grid.
A live streaming line chart: a new reading every second glides in from the right, the scale eases to fit, readings over the alert threshold turn the line red, and a pulsing live badge, pause button and current / average / peak / alerts stats sit above it.
An expandable request progress indicator with active steps, completion and error states.
A browsing history strip grouped into Today, Yesterday and This week: snap-scrolling product cards with viewed times, price drop, back in stock and low stock badges, a quick add button that expands to Added, per-item removal and Clear history with an undo toast, and an empty state.
A store's recent orders: today's count and revenue, status tabs with counts, search across orders, customers and products, rows with product thumbnails, payment pills and a four-step fulfillment tracker, and an expandable panel with line items, totals, shipping steps and a button that moves the order to its next step. New orders slide in live.
A CRM-style accounts table with a record drawer that slides in from the right: next and previous with J / K, a stage picker that logs to the activity feed, click-to-edit fields that save on Enter, copy email, call and email shortcuts, and Overview / Activity / Notes tabs with a note composer.
A month of scheduled bot runs at a glance: a dot for every run, red where one failed, and pick any day to see what ran or will run.
A refer-a-friend card: give-and-get explainer, your link with a Copy button that flips to Copied, quick share links, email invites, how much you have earned, a milestone track that unlocks bonuses with confetti, and your friends' progress from invited to subscribed with reminders.
A 'You may also like' product row: tabs for similar items and complete-the-setup picks, a snap-scrolling carousel with arrow buttons and a scroll progress bar, sale and new badges, wishlist hearts, quick add on hover with a running bag count, prices and ratings.
A set of fields people can repeat: add a row, remove one, drag rows into order. Rows grow in and slide out, focus lands in the new row, Enter in the last row adds another, and min / max limits keep the list in bounds.
The screen behind a reset link: it checks the link, then asks for a new password with live rule chips, a confirm field that shows when they match, an expiry countdown and sign out of other devices, and finishes with a countdown into the app. Expired links get their own state with a send-a-new-link flow and resend cooldown.
A cycle retrospective with reflection columns, a limited voting round and actionable follow-ups with completion tracking.
A revenue waterfall that derives closing MRR from an opening balance and signed movements, with period comparisons, connectors and accessible balance inspection.
A portrait-format testimonial card with a crossfading top image strip, counter, thumbnail selector, and an animated quote with name/role, plus prev/next navigation and optional autoplay.
A Sankey chart with flowing ribbon textures, animated period comparisons, linked node highlighting and a shared scale across views.
A rich text editor with a formatting toolbar, headings, lists, quotes, inline code and links, Markdown-style shortcuts, clean pasting from Docs and Word, and a word count, with no editor library.
Layered Gaussian density estimates on a shared scale, with adjustable smoothing, region inspection, sample counts and median/90th-percentile readouts.
A wrapper that makes any surface ripple where it's pressed: the wave grows while the pointer is held and fades when it lets go, several can overlap, icon buttons can ripple from the centre, and Enter or Space ripples for keyboard users.
A quarterly product roadmap grouped by team, with initiative editing, status filters, progress tracking and quarter reassignment.