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 gamified discount popup, roll two animated 3D dice for a reward tier (with a doubles bonus), copy the code, and track rolls left across a session. Inline or corner-widget popup with manual, delay or scroll triggers.
A gamified discount-capture widget where visitors roll two 3D dice for a reward tier, with a themed reveal modal and code copy, rendered inline or as a corner-launched popup with manual/delay/scroll triggers.
A canvas endless-runner in the style of the offline dino game, pixel-drawn running dino, procedurally spawned cactus obstacles, three difficulty speeds, tap/space/arrow-up to jump, and a high-score tracker.
A Discord-style chat bubble widget with a typing simulation, quick replies, a notification popup, member/online counts, and a launch-invite send flow.
A photo card with a liquid WebGL lens that follows the pointer: the image swells under it, ripples outward, smears and splits into RGB when you move fast, with a hairline ring tracking the lens, lazy WebGL setup and a plain-image fallback.
Five-point survey results around a zero line: negative opens left, positive opens right, neutral sits across the middle, and topics sort themselves by net score.
A horizontal or vertical divider with solid, dashed, dotted and gradient styles, an optional label with start, center or end position, an accent color and a draw-in animation on scroll.
A macOS-style app dock with cursor-proximity magnification, running-app indicator dots, hover tooltips, separators and full keyboard navigation.
A tabbed folder that opens when you point at it: the front flap hinges forward in 3D and the documents inside rise and fan out one after another, each with a file-type tag, title and meta line; click a document to lift it to the front.
An immersive photo dome you look around from the inside: drag with inertia, an idle spin, tiles that brighten toward the centre of view, a ticking compass readout, and a lightbox that flies out of the tile you tap.
A before/after image reveal, a luminance-mapped halftone dot rendering on one side, the real photo on the other, dragged apart by a glowing lightsaber-style divider handle.
Dots that show where you are in a carousel or onboarding flow: the active dot stretches into a pill, a progress style fills the pill and moves on by itself like stories, and a window style shows five dots out of many and shrinks the edge ones. Clickable and keyboard friendly.
A photo printed as a halftone dot screen that develops into the real image under your pointer: dots swell into each other and melt away in a soft window that follows the cursor, then the screen slowly grows back behind it.
An accessible slide-in drawer from any of 4 sides with a backdrop, focus trap, Escape and backdrop close, scroll lock, focus restore and drag-to-dismiss.
A button-triggered menu with icons, keyboard shortcuts, checkbox and radio items, labelled sections, nested submenus and a highlight that slides from row to row, with full keyboard support including typeahead.
A two-handle range filter with a histogram behind it: bars inside the range light up, the result count rolls as you drag, the filled part drags both ends together, and Min / Max fields stay in sync for exact numbers.
A seller-feedback carousel with the eBay wordmark, aggregate rating header and CTA, above a draggable autoplaying grid of review cards.
A scroll area whose content melts away at the edges: a stack of backdrop blurs ramps up smoothly toward the top and bottom while the content fades out, and each edge only appears when there's more to scroll that way.
A night storm background shader: rolling clouds and slanting rain, with jagged lightning that strikes on its own every few seconds, flickers, branches and lights up the clouds around it; click or tap to call a strike down where you point.
A five-face satisfaction rating for quick feedback: hand-drawn faces from a frown to a wide smile that wobble on hover, fill with their own colour and pop when picked, a label that rolls in underneath, and full keyboard support as a radio group.
A friendly empty, no-results or error placeholder with 5 icon presets, a floating icon tile, title, description and actions, in plain, card and dashed styles with a staggered entrance.
The report an AI agent leaves when it finishes: how it went, what it cost and which bot spent it, how it compares to last time, and what still needs you.
A wrapper that reveals its content as it scrolls into view: children (or the words of a heading) appear one after another, rising from behind a mask, fading up, sharpening out of a blur, scaling or sliding in, once or every time.
A hover-reveal product card with a blurred gradient overlay, staggered title/price/description reveal, a badge, and 5 color themes.
A shop-review carousel with the Etsy wordmark, aggregate rating header and CTA, above a draggable autoplaying grid of review cards.
A full calendar screen with month and week views: color-coded event chips you can drag to another day, a time-grid week with a now line, quick event creation, event details with move and delete, calendar filters with counts, a selected-day agenda and arrow-key day navigation. On phones days show dots and the agenda sits under the grid.
A full record of one AI agent run: status and totals at the top, every step with its timing, and the input, output and log behind each one.
A last offer shown as someone is about to leave: it opens when the pointer heads for the top of the window, or on a fast scroll up on phones, and stays away once closed.
An orders table whose rows open into a detail panel: line items with totals, a Placed → Paid → Shipped → Delivered progress track, the shipping address and notes, sliding open smoothly, with expand all and a compact layout on phones.
A 2x2 grid of image cards that expand to fill the frame on click, revealing title/description/CTA, with keyboard arrow navigation between cards and swipe-to-close on touch.
A compact navigation card that expands into an editorial grid of links, with controlled or internal open state, numbering and reduced-motion support.
An express checkout card with wallet, saved card, pay-in-4 and bank buttons above a continue-with-email field; each opens a payment sheet with the method's details (card, instalment plan or bank choice), shipping address and speed, the total and a confirm button that shows progress and success.
Letters with a solid 3D block behind them that leans away from the pointer, or turns slowly by itself, built entirely from text shadows.
A frequently asked questions section: heading and contact card on the left, an animated accordion on the right, optional category tabs and search, and FAQPage structured data for search engines.
A banner of expanding category panels: the open one grows to show its photo, headline, tagline, product count and a Shop button while the others shrink to vertical labels, rotating on a timer with a progress line that pauses on hover; on phones it becomes a vertical accordion.
A searchable feature request board with reversible votes, ranked ideas, proposal creation and delivery status tracking.
An in-app feedback card with an NPS 0–10 or five-face satisfaction scale: colors that show detractors, passives and promoters as you hover, a follow-up question that depends on the score, quick-pick tags, a comment with a counter, permission to follow up, a thank-you that asks happy users for a review, and Not now that tucks it into a pill.
A grouped form section on the native fieldset: the legend sits in a notch in the border, the group folds away to a one-line summary, a tick appears once it's complete, an error outlines it in coral, and disabling it disables every control inside.
A file manager with breadcrumb folders, a grid and list view, a storage bar split by file type, drag and drop uploads with progress, inline rename and delete with undo.
A drag-and-drop file dropzone with click-to-browse, type/size/count validation, image previews, animated progress bars, retry and remove actions.
A row of pill filters with counts: a check draws in and the chip grows to fit it, neighbours slide over instead of jumping, and a Clear chip appears once anything is on. The demo filters a list of open roles that reflows as you pick.
A split-flap departure board: each cell clatters through the alphabet to its letter, one after another, whenever the message changes.
A photo card that turns over in 3D to show its details, flipping away from whichever edge the pointer came in from, with a priced feature list and call to action on the back, tap and keyboard support and a reduced-motion fallback.
Pricing cards that keep the front clean: a big price on one side, and a springy 3D flip on hover or tap to reveal what's included and the call to action.
A text field whose label sits inside it and floats up on focus or once filled, in outlined (label in a notch in the border), filled or underline styles, with an optional icon, clear button, validity tick, character count, helper text and a shake on error.
An endless wall of photos floating on three depth layers that slide at different speeds: drag with inertia, an idle drift, pointer parallax, a hovered card that lifts while the rest dim, and a captioned lightbox.
A small offer that floats near the bottom of the page and opens on hover or focus to show the details and a button, without covering the content.
A background where the pointer paints with ink: drops pool along your path, merge into one another, blend between colours like marbled paper, bleed into the paper's grain at the edges, and slowly spread and fade away.