The explorer for the shadcn registry ecosystem.
[SmoothUI] SmoothUI Green theme: smooth neutral scale with a green accent, light and dark mode included.
[SmoothUI] SmoothUI Indigo theme: smooth neutral scale with a indigo accent, light and dark mode included.
[SmoothUI] SmoothUI Orange theme: smooth neutral scale with a orange accent, light and dark mode included.
[SmoothUI] SmoothUI Red theme: smooth neutral scale with a red accent, light and dark mode included.
[SmoothUI] A light/dark/system theme switch with sun-moon, pill, switch and orb visual treatments.
[SmoothUI] A TiltCard component for SmoothUI.
[SmoothUI] A TimeMachineStack component for SmoothUI.
[SmoothUI] Toast notifications for SmoothUI built on Base UI Toast manager with Motion polish. Base-only.
[SmoothUI] Animated Toggle primitive for SmoothUI with press scale and pressed background.
[SmoothUI] Animated Toggle Group primitive for SmoothUI — segmented single or multi selection.
[SmoothUI] Accessible Toolbar for SmoothUI with Base UI / Radix twins for grouped controls.
[SmoothUI] Animated Tooltip component for SmoothUI with Base UI / Radix twins and Motion fade/scale.
[SmoothUI] A TopDownLetters text animation component for SmoothUI.
[SmoothUI] A beautiful tweet card component for displaying Twitter/X posts.
[SmoothUI] A TypewriterText component for SmoothUI.
[SmoothUI] An UnlockFaceId component for SmoothUI.
[SmoothUI] A UserAccountAvatar component for SmoothUI.
[SmoothUI] A Figma-style floating vector toolbar with tool selection, nested flyouts and a contextual properties bar.
[SmoothUI] A video with a two-pass Ambilight-style glow sampled live from its own frames, with a CORS-safe static fallback.
[SmoothUI] A video thumbnail that morphs into a full accessible player inside a modal, with a custom keyboard-operable control bar.
[SmoothUI] A WalletCard component for SmoothUI.
[SmoothUI] A wavy perimeter circle reveal inspired by the Codrops circle warping step.
[SmoothUI] A WaveText component for SmoothUI.
[snapcn] AI agent steps animation: a streaming task log with spinner and checkmarks for agent demos. An agent narrating its own work: the prompt lands in a pill, and under it a log writes itself one line at a time — each step running with a faint spinning globe, then flipping to past tense behind a check whi
[snapcn] Launch title animation, product announcement intro with kinetic typography. A four-shot launch title: the eyebrow rushes past the camera on a receding type plane and lands on a colour field, the name assembles word by word on paper, and a macro pan across the tagline cuts wide as the line builds its
[snapcn] AI answer highlight animation, ChatGPT-style chat response with a text selection. A question in a pill, an answer that writes itself a word at a time, and then the beat the whole shot is for: a caret lands mid-sentence and a selection band drags across one statement, wrapping the line the way a real
[snapcn] Streaming AI response animation, from the send button to the answer typing in. The beat after send: a macro shot on the button that cuts — hard, on its fastest frame — to the answer building itself on the page, while the camera pulls back 1.364× about a focal point above the frame to keep up with it
[snapcn] Logo sting and wordmark animation: blocks build into your brand name. A wordmark builds out of solid blocks — a square scales in, a coloured deck fans out around it and winds back, the stack collapses and stretches into one block per letter, then each block flashes a colour and swaps for its real le
[snapcn] Cursor clicks a button: a cursor walks onto a split action button (label, divider, chevron), it darkens on hover, gives on press, spins while pending and lands on a drawn tick. The deploy, publish or send beat of every launch video. Built on cursor-track.
[snapcn] Screenshot capture animation: a toast counts "Capturing selection…" up to 100% over a browser window, the window drops away and shrinks, the toast pops to "Copied to clipboard." and a two-line headline rises out from behind the window while the cursor glides up. Every curve was measured off a record
[snapcn] Card carousel animation: cards flicked sideways on a tilted 3D plane. A rail of cards flicked sideways across a tilted plane. The cards do not crawl past on a loop — they are flicked: the rail leaves at speed, decelerates for well over a second and comes to rest about a card further along, the way a
[snapcn] A blinking text caret — a controlled vertical bar, or a pure motion atom that blinks deterministically from useCurrentFrame.
[snapcn] Slack-style chat animation: team messages arrive with typing dots. A work chat filling itself in, the way the channel actually reads: an avatar, a name in bold, a quiet timestamp and the messages as plain lines under them. Messages land one at a time, a second message from the same person joins the
[snapcn] Rotating words beside a checkbox: a sentence that finishes itself several ways. "Create your own" sits left of a ticked shadcn-style checkbox and the word to its right rolls up out of a slot — Intros, Demos, Launches, Changelogs, Tutorials, And more — then the line steps back a little and rests. Eve
[snapcn] Click to type: a prompt composer (Prompt Send's glass panel, writing surface and round send button) whose placeholder writes itself while a cursor flies in from the edge and clicks the field, then a hard cut into the field where the real prompt types at the caret and send arms. Two shots of one comp
[snapcn] Number count-up grid: cards multiply and a counter jumps, the it-scales stat shot. A grid of cards rushes in under a horizontal smear, settles on five and a label, then the camera pulls back a fraction while every empty cell around them fills in from the middle out and the number jumps. The "and it
[snapcn] Cursor click animation: a mouse pointer that moves and clicks over any UI. A synthetic cursor that walks a path of normalized waypoints over any children and pulses a click ring on arrival. A hand-drawn macOS-style arrow with an outline that keeps it readable over arbitrary footage, or a touch puck
[snapcn] Halftone dot transition. White dots spark over the outgoing shot while it washes out to cream, then the cream breaks into warm coral, peach and blush dots in drifting diagonal bands that thin out cell by cell until the incoming shot is all that is left. Every cell of every step is replayed from a re
[snapcn] Follower count animation: X/Twitter follower notification with a count-up and avatar wave, for social proof. An X-style follower notification that piles up — avatars stack in and the count explodes, then the row bends into an undulating wave of faces.
[snapcn] Launch title animation: the line decodes out of scrambled glyphs set in the wrong typeface, flashes the accent, settles to ink, then the product name cycles through eleven typefaces (mono, light, humanist, pixel, script, slab, condensed, italic, blackletter, wide, bold grotesk) while the line zooms
[snapcn] Product launch hero scene for a SaaS launch video intro. Cinematic product-launch hero — two cards slide into formation as the headline reveals above.
[snapcn] A text input whose idle/hover/active/typing/invalid state is a pure function of the timeline; the focus ring, border, caret, and value reveal are keyframed presets.
[snapcn] Karaoke captions: word-by-word highlighted subtitles synced to speech. A caption line that fills word by word as it is spoken — heavy outlined type that reads on any footage. Three presets: karaoke, highlight (the word rides an accent bar), clean.
[snapcn] MacBook laptop mockup animation that opens and zooms into your screenshot or video. MacBook-style laptop that opens, runs a dynamic-island notch notification, then dives the camera into the screen until an image or video fills the frame.
[snapcn] Logo reveal animation: image cards orbit and collapse into your logo and brand name. A single ring of image cards revolves around a centred title, then spins inward and drains to the middle — giving birth to a simple logo that slides left as the brand name reveals to its right.
[snapcn] Logo reveal intro: a stack of photos flicks through and collapses into your logo. A stack of shots flicked through, collapsing into your mark, and the wordmark landing beside it. One card holds the middle of the frame and cuts to the next shot, each smaller and each held for less time than the last,
[snapcn] Logo wall animation: a logo cloud of integrations drifting behind a headline. A field of tiles drifting past a headline while the camera pulls steadily back, so the wall of things-it-works-with keeps arriving from every edge. The pull-back is one linear scale measured at 0.176 per second across ever
[snapcn] Logo reveal intro: a fast image flicker that settles on your logo. Images flip across a central card very fast, the flicker decelerates and fades, and the logo and brand name resolve underneath — a strobe of imagery settling onto the mark.