---
name: "@remocn"
slug: "remocn"
description: "remocn is a shadcn registry of 64+ production-ready Remotion video components for building product demos, changelogs, and launch videos in React. Categories: Text Animations (blur reveal, typewriter, shimmer sweep, slot machine, matrix decode, RGB glitch, kinetic type mask, infinite marquee), Backgrounds (mesh gradient, dynamic grid, spring pop-in), Transitions (chromatic aberration wipe, frosted glass wipe, directional wipe, grid pixelate, spatial push, zoom-through), UI Blocks (terminal simulator, browser flow, toast notification, animated charts, device mockup zoom, morphing modal), and full Compositions (product launch trailer, changelog bite, pricing tier focus). Built on Remotion 4.0, React 19, Tailwind v4, Next.js. Fully free, MIT license. Use for: creating animated product demo videos, changelogs, or documentation clips programmatically in React without a video editor."
category: "Niche/single-purpose"
tags: ["aesthetic", "animation", "backgrounds", "blocks", "buttons", "cards", "charts", "dashboard", "developer-tools", "editor", "glassmorphism", "icons", "loaders", "media", "overlays", "pro-available", "retro", "text-effects"]
framework: "react"
license: "MIT"
author: "kapishdima"
website: "https://www.remocn.dev/"
github: "https://github.com/kapishdima/remocn"
registry: "https://www.remocn.dev/r/registry.json"
pro: true
pro_url: "https://pro.reactbits.dev/?utm_source=remocn&utm_medium=sponsor&utm_campaign=remocn_sponsors_page"
github_stars: 904
component_count: 250
generated_at: "2026-07-28T08:59:05.895Z"
---

# @remocn

remocn is a shadcn registry of 64+ production-ready Remotion video components for building product demos, changelogs, and launch videos in React. Categories: Text Animations (blur reveal, typewriter, shimmer sweep, slot machine, matrix decode, RGB glitch, kinetic type mask, infinite marquee), Backgrounds (mesh gradient, dynamic grid, spring pop-in), Transitions (chromatic aberration wipe, frosted glass wipe, directional wipe, grid pixelate, spatial push, zoom-through), UI Blocks (terminal simulator, browser flow, toast notification, animated charts, device mockup zoom, morphing modal), and full Compositions (product launch trailer, changelog bite, pricing tier focus). Built on Remotion 4.0, React 19, Tailwind v4, Next.js. Fully free, MIT license. Use for: creating animated product demo videos, changelogs, or documentation clips programmatically in React without a video editor.

## Links

- Website: https://www.remocn.dev/
- GitHub: https://github.com/kapishdima/remocn
- Registry JSON: https://www.remocn.dev/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/remocn
- This file: https://sh4dcn.vercel.app/md/remocn.md
- Pro / pricing: https://pro.reactbits.dev/?utm_source=remocn&utm_medium=sponsor&utm_campaign=remocn_sponsors_page

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://www.remocn.dev/r/registry.json
pnpm dlx shadcn@latest add https://www.remocn.dev/r/registry.json
bunx shadcn@latest add https://www.remocn.dev/r/registry.json
# clone the source repo
git clone https://github.com/kapishdima/remocn.git
# fetch the raw registry index
curl -s https://www.remocn.dev/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| soft-blur-in | registry:component | Per-character fade-in with a gentle blur and upward motion. Apple's signature hero-title reveal. | `npx shadcn@latest add https://www.remocn.dev/r/soft-blur-in.json` |
| per-character-rise | registry:component | Letters slide up from below with no blur — crisp, deliberate, kinetic. | `npx shadcn@latest add https://www.remocn.dev/r/per-character-rise.json` |
| bottom-up-letters | registry:component | Letters rise from below in a pronounced staircase, one symbol at a time, with zero blur. | `npx shadcn@latest add https://www.remocn.dev/r/bottom-up-letters.json` |
| top-down-letters | registry:component | Letters descend from above in a pronounced staircase, one symbol at a time, with zero blur. | `npx shadcn@latest add https://www.remocn.dev/r/top-down-letters.json` |
| spring-scale-in | registry:component | Words pop in with a soft overshoot scale, like a physical spring settling into place. | `npx shadcn@latest add https://www.remocn.dev/r/spring-scale-in.json` |
| micro-scale-fade | registry:component | A calm, tiny scale pop used as subtle premium polish for labels and headings. | `npx shadcn@latest add https://www.remocn.dev/r/micro-scale-fade.json` |
| scale-down-fade | registry:component | Subtle premium settle-in with a restrained scale-down fade on exit. | `npx shadcn@latest add https://www.remocn.dev/r/scale-down-fade.json` |
| blur-out-up | registry:component | Words arrive clean and depart upward with increasing blur for airy exits. | `npx shadcn@latest add https://www.remocn.dev/r/blur-out-up.json` |
| focus-blur-resolve | registry:component | A premium focus pull from heavy blur to crisp text, then a soft blur-out exit. | `npx shadcn@latest add https://www.remocn.dev/r/focus-blur-resolve.json` |
| line-by-line-slide | registry:component | Each line enters from the left with a staggered slide and exits to the right for a flowing paragraph reveal. | `npx shadcn@latest add https://www.remocn.dev/r/line-by-line-slide.json` |
| per-word-crossfade | registry:component | Words gently fade into place one after another, with a short vertical drift for a calm keynote rhythm. | `npx shadcn@latest add https://www.remocn.dev/r/per-word-crossfade.json` |
| fade-through | registry:component | A Material-style content transition: old fades out, new fades in with a soft delay. | `npx shadcn@latest add https://www.remocn.dev/r/fade-through.json` |
| shared-axis-y | registry:component | Per-word hard-cut transition with staircase timing for sharp editorial swaps. | `npx shadcn@latest add https://www.remocn.dev/r/shared-axis-y.json` |
| shared-axis-z | registry:component | Scale-based shared-axis transition for focus shifts and context depth. | `npx shadcn@latest add https://www.remocn.dev/r/shared-axis-z.json` |
| short-slide-right | registry:component | The whole phrase glides in from the left as one compact move while words reveal in sequence through opacity. | `npx shadcn@latest add https://www.remocn.dev/r/short-slide-right.json` |
| kinetic-center-build | registry:component | A word appears in the center; each new word enters from the right and pushes the line until the full phrase locks centered. | `npx shadcn@latest add https://www.remocn.dev/r/kinetic-center-build.json` |
| short-slide-down | registry:component | Each new word drops in from above into its own line and pushes the stack downward until a centered three-line composition locks in place. | `npx shadcn@latest add https://www.remocn.dev/r/short-slide-down.json` |
| typewriter | registry:component | Character-by-character text reveal with a deterministic blinking cursor. | `npx shadcn@latest add https://www.remocn.dev/r/typewriter.json` |
| inline-highlight | registry:component | Animates one word inside a sentence from a base color to a brand color. | `npx shadcn@latest add https://www.remocn.dev/r/inline-highlight.json` |
| strikethrough-replace | registry:component | Draws a strike line across old text then reveals new text in its place. | `npx shadcn@latest add https://www.remocn.dev/r/strikethrough-replace.json` |
| staggered-fade-up | registry:component | Words fade in and slide up one after another with a configurable delay. | `npx shadcn@latest add https://www.remocn.dev/r/staggered-fade-up.json` |
| mask-reveal-up | registry:component | Lines reveal upward with a soft masked feel and compact stagger. | `npx shadcn@latest add https://www.remocn.dev/r/mask-reveal-up.json` |
| tracking-in | registry:component | Letter-spacing collapses and blur clears with a springy motion. | `npx shadcn@latest add https://www.remocn.dev/r/tracking-in.json` |
| shimmer-sweep | registry:component | Light shine sweeps across muted text via background-clip:text. | `npx shadcn@latest add https://www.remocn.dev/r/shimmer-sweep.json` |
| marker-highlight | registry:component | Colored marker block draws behind a phrase as the text color shifts. | `npx shadcn@latest add https://www.remocn.dev/r/marker-highlight.json` |
| slot-machine-roll | registry:component | Vertical reel scrolls characters from one value to another. | `npx shadcn@latest add https://www.remocn.dev/r/slot-machine-roll.json` |
| matrix-decode | registry:component | Random scramble resolves left-to-right into the target text. | `npx shadcn@latest add https://www.remocn.dev/r/matrix-decode.json` |
| rgb-glitch-text | registry:component | Three RGB-offset text copies jitter for a brief glitch window. | `npx shadcn@latest add https://www.remocn.dev/r/rgb-glitch-text.json` |
| infinite-marquee | registry:component | Seamlessly looping horizontal text strip with optional stroke style. | `npx shadcn@latest add https://www.remocn.dev/r/infinite-marquee.json` |
| shader-mesh-gradient | registry:component | WebGL mesh gradient backdrop driven per-frame for deterministic Remotion renders. | `npx shadcn@latest add https://www.remocn.dev/r/shader-mesh-gradient.json` |
| shader-grain-gradient | registry:component | Grainy multi-stop gradient that drifts slowly with film-grain texture over the blend. | `npx shadcn@latest add https://www.remocn.dev/r/shader-grain-gradient.json` |
| shader-warp | registry:component | Domain-warped color field that folds and stretches like liquid. | `npx shadcn@latest add https://www.remocn.dev/r/shader-warp.json` |
| shader-swirl | registry:component | Concentric bands swirling around a center point. | `npx shadcn@latest add https://www.remocn.dev/r/shader-swirl.json` |
| shader-water | registry:component | Caustic water-surface ripples with subtle refraction. | `npx shadcn@latest add https://www.remocn.dev/r/shader-water.json` |
| shader-spiral | registry:component | Rotating spiral arms radiating from the center. | `npx shadcn@latest add https://www.remocn.dev/r/shader-spiral.json` |
| shader-liquid-metal | registry:component | Molten metallic surface with flowing specular highlights. | `npx shadcn@latest add https://www.remocn.dev/r/shader-liquid-metal.json` |
| shader-color-panels | registry:component | Overlapping translucent color panels sliding past each other. | `npx shadcn@latest add https://www.remocn.dev/r/shader-color-panels.json` |
| shader-neuro-noise | registry:component | Organic neural-web noise field that slowly morphs. | `npx shadcn@latest add https://www.remocn.dev/r/shader-neuro-noise.json` |
| shader-perlin-noise | registry:component | Classic Perlin noise clouds drifting across the frame. | `npx shadcn@latest add https://www.remocn.dev/r/shader-perlin-noise.json` |
| shader-simplex-noise | registry:component | Simplex noise flow field, smoother than Perlin. | `npx shadcn@latest add https://www.remocn.dev/r/shader-simplex-noise.json` |
| shader-voronoi | registry:component | Animated Voronoi cells shifting and re-tessellating. | `npx shadcn@latest add https://www.remocn.dev/r/shader-voronoi.json` |
| shader-dot-orbit | registry:component | Dots orbiting on concentric paths across the frame. | `npx shadcn@latest add https://www.remocn.dev/r/shader-dot-orbit.json` |
| shader-dithering | registry:component | Ordered-dither shading over an animated gradient field. | `npx shadcn@latest add https://www.remocn.dev/r/shader-dithering.json` |
| shader-god-rays | registry:component | Volumetric light rays radiating from an off-screen source. | `npx shadcn@latest add https://www.remocn.dev/r/shader-god-rays.json` |
| shader-smoke-ring | registry:component | Soft smoke ring curling and dissipating in place. | `npx shadcn@latest add https://www.remocn.dev/r/shader-smoke-ring.json` |
| shader-metaballs | registry:component | Organic blobs merging and splitting like lava. | `npx shadcn@latest add https://www.remocn.dev/r/shader-metaballs.json` |
| shader-pulsing-border | registry:component | Glowing border frame that pulses around the edges. | `npx shadcn@latest add https://www.remocn.dev/r/shader-pulsing-border.json` |
| simulated-cursor | registry:component | Animated mouse cursor moving between waypoints with click ripple feedback. | `npx shadcn@latest add https://www.remocn.dev/r/simulated-cursor.json` |
| swirl-dissolve | registry:component | A swirl shader transition that unwinds open and winds shut to reveal the next scene. | `npx shadcn@latest add https://www.remocn.dev/r/swirl-dissolve.json` |
| dither-dissolve | registry:component | A dithering shader transition that dissolves one scene into the next. | `npx shadcn@latest add https://www.remocn.dev/r/dither-dissolve.json` |
| perlin-dissolve | registry:component | A perlin-noise shader transition that sweeps its noise threshold to dissolve one scene into the next. | `npx shadcn@latest add https://www.remocn.dev/r/perlin-dissolve.json` |
| smoke-dissolve | registry:component | A smoke-ring shader transition that expands the ring outward to reveal the next scene. | `npx shadcn@latest add https://www.remocn.dev/r/smoke-dissolve.json` |
| wave-wipe | registry:component | A grain-gradient wave that sweeps up across the frame, covering the outgoing scene and revealing the next one from below. | `npx shadcn@latest add https://www.remocn.dev/r/wave-wipe.json` |
| ripple-zoom | registry:component | A grain-gradient ripple transition that flies the camera through the center of the rings while the next scene approaches from the depth. | `npx shadcn@latest add https://www.remocn.dev/r/ripple-zoom.json` |
| grain-dissolve | registry:component | A grain-gradient shader transition that disintegrates the outgoing scene into soft grainy shapes and condenses the next scene out of the noise. | `npx shadcn@latest add https://www.remocn.dev/r/grain-dissolve.json` |
| warp-dissolve | registry:component | A domain-warp shader transition that melts the outgoing scene into a folding color field and straightens back out into the next. | `npx shadcn@latest add https://www.remocn.dev/r/warp-dissolve.json` |
| whip-pan | registry:component | A whip-pan transition that flies both scenes through the frame in one move with velocity-based motion blur. | `npx shadcn@latest add https://www.remocn.dev/r/whip-pan.json` |
| push-through | registry:component | A dolly transition that blows the outgoing scene past the camera while the next one approaches from the depth. | `npx shadcn@latest add https://www.remocn.dev/r/push-through.json` |
| focus-pull | registry:component | A rack-focus transition that defocuses the outgoing scene into a bright blur and resolves the next one into focus. | `npx shadcn@latest add https://www.remocn.dev/r/focus-pull.json` |
| zoom-blur | registry:component | A depth punch-in transition that pushes the outgoing scene through the viewer while the incoming one resolves out of blur. | `npx shadcn@latest add https://www.remocn.dev/r/zoom-blur.json` |
| rolodex-flip | registry:component | Cycles a word through a list of values with a 3D rolodex card flip while an invisible sizer keeps the line width and baseline stable. | `npx shadcn@latest add https://www.remocn.dev/r/rolodex-flip.json` |
| value-swap | registry:component | Swaps a value in place with a vertical slide — the old value exits up as the new one enters from below while an invisible sizer keeps the width stable. | `npx shadcn@latest add https://www.remocn.dev/r/value-swap.json` |
| chat-to-preview-layout | registry:component | Two-column layout where chat shrinks and preview expands. | `npx shadcn@latest add https://www.remocn.dev/r/chat-to-preview-layout.json` |
| animated-line-chart | registry:component | Line chart whose SVG path draws on from left to right with a leading dot. | `npx shadcn@latest add https://www.remocn.dev/r/animated-line-chart.json` |
| animated-bar-chart | registry:component | Bars spring up from the baseline in a staggered cascade. | `npx shadcn@latest add https://www.remocn.dev/r/animated-bar-chart.json` |
| terminal-simulator | registry:component | Terminal window that types out commands and rolls old lines off the top. | `npx shadcn@latest add https://www.remocn.dev/r/terminal-simulator.json` |
| terminal-cursor-zoom | registry:component | Camera locked to the typing cursor, dollying across a terminal as a command types at high zoom. | `npx shadcn@latest add https://www.remocn.dev/r/terminal-cursor-zoom.json` |
| progress-steps | registry:component | Multi-step pipeline with sequentially activating nodes and filling lines. | `npx shadcn@latest add https://www.remocn.dev/r/progress-steps.json` |
| data-flow-pipes | registry:component | Glowing data packets travel along SVG bezier pipes between system nodes, leaving fading trails. | `npx shadcn@latest add https://www.remocn.dev/r/data-flow-pipes.json` |
| glass-code-block | registry:component | A premium frosted-glass code editor window with a regex tokenizer and line-by-line stagger reveal. | `npx shadcn@latest add https://www.remocn.dev/r/glass-code-block.json` |
| glass-code-walk | registry:component | A camera that scans a glass code block top to bottom as it types, then pulls back to a centered hold. | `npx shadcn@latest add https://www.remocn.dev/r/glass-code-walk.json` |
| perspective-marquee | registry:component | A 3D-tilted infinite marquee with depth-of-field blur on items rolling toward the horizon. | `npx shadcn@latest add https://www.remocn.dev/r/perspective-marquee.json` |
| ecosystem-constellation | registry:component | A central logo orbited by integration satellites with pulsing data lines. | `npx shadcn@latest add https://www.remocn.dev/r/ecosystem-constellation.json` |
| live-code-compilation | registry:component | Split-screen where typed code on the left snaps a live UI preview on the right, HMR-style. | `npx shadcn@latest add https://www.remocn.dev/r/live-code-compilation.json` |
| infinite-bento-pan | registry:component | A camera diagonally drifts across an oversized bento grid behind a soft vignette. | `npx shadcn@latest add https://www.remocn.dev/r/infinite-bento-pan.json` |
| github-sponsors | registry:component | Self-drawing Sponsors heart that docks to a header, every sponsor avatar blur-staggering into a grid, then a thank-you headline and a CTA. Single seek-safe tim… | `npx shadcn@latest add https://www.remocn.dev/r/github-sponsors.json` |
| github-stars | registry:component | Inertial fly-through of a repo's stargazers with a synced count-up odometer that locks on the total. Horizontal 16:9 or vertical 9:16. | `npx shadcn@latest add https://www.remocn.dev/r/github-stars.json` |
| number-wheel | registry:component | Mechanical odometer that rolls an integer up or down to its target, direction inferred from the values. | `npx shadcn@latest add https://www.remocn.dev/r/number-wheel.json` |
| rolling-number | registry:component | Odometer where every place rolls at its own speed, new places rising into view, settling exactly on the target value. | `npx shadcn@latest add https://www.remocn.dev/r/rolling-number.json` |
| x-follow-card | registry:component | Animated X profile follow card — spring bounce-in, staggered blur-in, a synthetic cursor that clicks Follow and flips it to Following. Light/dark, horizontal o… | `npx shadcn@latest add https://www.remocn.dev/r/x-follow-card.json` |
| x-followers-overview | registry:component | X follow notifications cycle through as 3D flipping text — '<name> followed you · 7h' — then the total follower count pops in with a confetti burst. Hardcoded … | `npx shadcn@latest add https://www.remocn.dev/r/x-followers-overview.json` |
| claude-chat | registry:component | Animated Claude chat input — types a prompt character-by-character and the waveform button morphs into a terracotta send button the moment text appears. Warm l… | `npx shadcn@latest add https://www.remocn.dev/r/claude-chat.json` |
| chat-gpt | registry:component | Animated ChatGPT composer — types a prompt into the pill input, the blue voice button morphs into a send button, and the suggestion chips fade out. Light/dark … | `npx shadcn@latest add https://www.remocn.dev/r/chat-gpt.json` |
| v0 | registry:component | Animated Vercel v0 composer — types a prompt into the dark textarea and the mic button morphs into a send button. Dark/light themes. | `npx shadcn@latest add https://www.remocn.dev/r/v0.json` |
| claude-code | registry:component | Animated Claude Code CLI welcome screen — terminal window with a dashed welcome box, recent activity and what's new panels, and a prompt line that types a comm… | `npx shadcn@latest add https://www.remocn.dev/r/claude-code.json` |
| opencode | registry:component | Animated OpenCode TUI welcome screen — two-tone wordmark, an input box with a blue accent bar that types a query, a model status line, and command hints. Dark/… | `npx shadcn@latest add https://www.remocn.dev/r/opencode.json` |
| confetti | registry:component | Deterministic confetti burst for Remotion — seeded particles with gravity, spin, and flutter so every render is identical. Fire it on any frame as a celebrator… | `npx shadcn@latest add https://www.remocn.dev/r/confetti.json` |
| backdrop | registry:component | Configurable full-frame background (color / gradient / image / live component) with Screen Studio-style padding and a rounded, shadowed content frame. | `npx shadcn@latest add https://www.remocn.dev/r/backdrop.json` |
| drift | registry:component | A slow linear camera push-in wrapper that scales its scene from 1 to 1+grow across the sequence so no frame is ever static. | `npx shadcn@latest add https://www.remocn.dev/r/drift.json` |
| logo-enter | registry:component | A stacked group of round brand chips that spring in one-by-one, then hold. Swap the logos to feature any set of marks. Horizontal or vertical stacking. | `npx shadcn@latest add https://www.remocn.dev/r/logo-enter.json` |
| handwrite | registry:component | Handwritten text laid down letter by letter on a quantized stop-motion clock, each glyph keeping its own slant and baseline wobble. | `npx shadcn@latest add https://www.remocn.dev/r/handwrite.json` |
| ink-underline | registry:component | A hand-dragged brush underline that sweeps itself across in a few stop-motion poses, thinning to a dry tail. | `npx shadcn@latest add https://www.remocn.dev/r/ink-underline.json` |
| paper-wobble | registry:component | Per-pose reshoot jitter that makes any content feel hand-placed on a desk. | `npx shadcn@latest add https://www.remocn.dev/r/paper-wobble.json` |
| ink-arrow | registry:component | A hand-drawn brush arrow that sweeps itself from one point to another, thickening into the head that pops on the final poses. | `npx shadcn@latest add https://www.remocn.dev/r/ink-arrow.json` |
| paper-sticker | registry:component | A taped paper chip that slaps onto the scene over two stop-motion poses, keeping a hand-placed tilt and per-pose wobble. | `npx shadcn@latest add https://www.remocn.dev/r/paper-sticker.json` |
| polaroid | registry:component | An instant-photo frame with a handwritten caption for video, images, or live compositions. | `npx shadcn@latest add https://www.remocn.dev/r/polaroid.json` |
| hand-count | registry:component | A number that counts up in stop-motion poses, rewritten by hand at every pose and freezing still once it lands. | `npx shadcn@latest add https://www.remocn.dev/r/hand-count.json` |
| brush | registry:component | Variable-width brush ribbons for Remotion. Pressure taper, grain displacement, and spine samplers shared by the ink marks. | `npx shadcn@latest add https://www.remocn.dev/r/brush.json` |
| crumple-toss | registry:component | Crushes an element into a ball of paper and throws it out of frame on an arc, leaving the scene around it running. | `npx shadcn@latest add https://www.remocn.dev/r/crumple-toss.json` |
| scribble-circle | registry:component | A brush circle swept around a region of the frame, opening thin and closing thick, with grain breaking up the dry opening. | `npx shadcn@latest add https://www.remocn.dev/r/scribble-circle.json` |
| check-list | registry:component | A handwritten checklist that writes itself out in full, then ticks and strikes through every done item, one at a time. | `npx shadcn@latest add https://www.remocn.dev/r/check-list.json` |
| page-turn | registry:component | The exiting scene swings up and away like a notebook page in stop-motion poses, staying above the scene it reveals. | `npx shadcn@latest add https://www.remocn.dev/r/page-turn.json` |
| stop-motion | registry:lib | Quantized stop-motion clock for Remotion. Stepped frames, stepped springs, deterministic hashing, and per-pose paper jitter. | `npx shadcn@latest add https://www.remocn.dev/r/stop-motion.json` |
| ascii-dissolve | registry:component | Dissolve one scene into the next through a drifting field of ASCII glyphs. | `npx shadcn@latest add https://www.remocn.dev/r/ascii-dissolve.json` |
| caret-wipe | registry:component | Sweep a typing caret across the frame, wiping the outgoing scene into the next. | `npx shadcn@latest add https://www.remocn.dev/r/caret-wipe.json` |
| icon-scatter | registry:component | Scatter a field of icons over the cut, hiding the scene swap at the field's peak. | `npx shadcn@latest add https://www.remocn.dev/r/icon-scatter.json` |
| shader-caustics | registry:component | A field of refracted light — the bright filaments light makes through a rippling surface. | `npx shadcn@latest add https://www.remocn.dev/r/shader-caustics.json` |
| shader-gem-smoke | registry:component | Paper's Gem Smoke shader driven by the frame — smoke flowing behind and inside a glassy logo. | `npx shadcn@latest add https://www.remocn.dev/r/shader-gem-smoke.json` |
| shader-strata | registry:component | Fine horizontal sediment layers displaced by fbm noise, each drifting at its own depth. | `npx shadcn@latest add https://www.remocn.dev/r/shader-strata.json` |
| shader-weave | registry:component | A woven substrate of warp and weft threads crossing on a domain-warped grid, with a travelling sheen. | `npx shadcn@latest add https://www.remocn.dev/r/shader-weave.json` |
| reel | registry:component | A fixed centered card where images stack on the z-axis and each blooms open over the last via a centre-out mask. | `npx shadcn@latest add https://www.remocn.dev/r/reel.json` |
| scene-motion | registry:lib | The motion vocabulary scene content is built from: an exponential travel curve, a separate opacity ramp, three spring easings, and a compressing stagger. | `npx shadcn@latest add https://www.remocn.dev/r/scene-motion.json` |
| slide-swap | registry:component | A scene sequencer where the outgoing content is shoved off on an accelerating curve and the next springs in from the opposite edge, on one canvas, with no over… | `npx shadcn@latest add https://www.remocn.dev/r/slide-swap.json` |
| spring-settle | registry:component | A scene sequencer where the outgoing scene shrinks away as one group, the stage holds empty for a beat, and the next scene's items land staggered from above-1 … | `npx shadcn@latest add https://www.remocn.dev/r/spring-settle.json` |
| remocn-ui | registry:lib | Shared timeline-fold hook, theme context, and color math for remocn UI primitives. | `npx shadcn@latest add https://www.remocn.dev/r/remocn-ui.json` |
| spinner | registry:component | A deterministic spinning arc that loops on the Remotion frame — a pure motion atom with no state. | `npx shadcn@latest add https://www.remocn.dev/r/spinner.json` |
| caret | registry:component | A blinking text caret — a controlled vertical bar, or a pure motion atom that blinks deterministically from useCurrentFrame. | `npx shadcn@latest add https://www.remocn.dev/r/caret.json` |
| button | registry:component | A button whose idle/hover/press/loading/success state is a pure function of the timeline; the loading state composes the Spinner motion atom. | `npx shadcn@latest add https://www.remocn.dev/r/button.json` |
| accordion | registry:component | A disclosure whose opened/closed state is a pure function of the timeline; the panel reveal, chevron, and background are keyframed presets. | `npx shadcn@latest add https://www.remocn.dev/r/accordion.json` |
| alert-dialog | registry:component | A modal alert dialog whose opened/closed state is a pure function of the timeline; the backdrop dim and popup zoom are keyframed presets. Self-contained — pair… | `npx shadcn@latest add https://www.remocn.dev/r/alert-dialog.json` |
| dialog | registry:component | A modal dialog whose opened/closed state is a pure function of the timeline; the backdrop dim and popup zoom are keyframed presets, with a close button and a p… | `npx shadcn@latest add https://www.remocn.dev/r/dialog.json` |
| sheet | registry:component | A side panel whose opened/closed state is a pure function of the timeline; the backdrop dim and right-edge slide-in are keyframed presets, with a close button … | `npx shadcn@latest add https://www.remocn.dev/r/sheet.json` |
| drawer | registry:component | A bottom panel whose opened/closed state is a pure function of the timeline; the backdrop dim and bottom-edge slide-up are keyframed presets, with a drag handl… | `npx shadcn@latest add https://www.remocn.dev/r/drawer.json` |
| checkbox | registry:component | A checkbox whose checked/unchecked state is a pure function of the timeline; the box fill, border, and checkmark draw are keyframed presets. | `npx shadcn@latest add https://www.remocn.dev/r/checkbox.json` |
| radio | registry:component | A radio whose checked/unchecked state is a pure function of the timeline; the ring border and inner dot pop are keyframed presets. | `npx shadcn@latest add https://www.remocn.dev/r/radio.json` |
| switch | registry:component | A switch whose checked/unchecked state is a pure function of the timeline; the track fill and sliding thumb are keyframed presets. | `npx shadcn@latest add https://www.remocn.dev/r/switch.json` |
| input | registry:component | 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 pre… | `npx shadcn@latest add https://www.remocn.dev/r/input.json` |
| blur-in | registry:component | A wrapper that reveals a single child with blur + opacity + a directional offset; a pure state atom, theme-independent — its context is a motion config (blur/d… | `npx shadcn@latest add https://www.remocn.dev/r/blur-in.json` |
| field | registry:component | A static layout family for composing labeled form controls, modeled on shadcn's Field: FieldGroup ▸ Field ▸ FieldLabel / FieldControl / FieldDescription. Reads… | `npx shadcn@latest add https://www.remocn.dev/r/field.json` |
| select-item | registry:component | A select option row whose idle/hover/press/selected state is a pure function of the timeline; the row background, label color, and check icon are keyframed pre… | `npx shadcn@latest add https://www.remocn.dev/r/select-item.json` |
| select | registry:component | A select whose opened/closed state is a pure function of the timeline; the trigger reuses the Button primitive and the reveal panel composes SelectItem rows. T… | `npx shadcn@latest add https://www.remocn.dev/r/select.json` |
| dropdown-menu-item | registry:component | A dropdown menu action row whose idle/hover/press state is a pure function of the timeline; the row background and label color are keyframed presets. Composed … | `npx shadcn@latest add https://www.remocn.dev/r/dropdown-menu-item.json` |
| tabs | registry:component | A tabs widget whose active-tab state is a pure function of the timeline; the sliding indicator, label colors, and panel crossfade are keyframed/derived presets. | `npx shadcn@latest add https://www.remocn.dev/r/tabs.json` |
| dropdown-menu | registry:component | A dropdown menu whose opened/closed state is a pure function of the timeline; the trigger reuses the Button primitive and the reveal panel composes DropdownMen… | `npx shadcn@latest add https://www.remocn.dev/r/dropdown-menu.json` |
| cursor | registry:component | An animated cursor that moves between waypoints, clicks (ripple), and drags. The Cursor renderer is a pure function of a numeric CursorStyle channel; useCursor… | `npx shadcn@latest add https://www.remocn.dev/r/cursor.json` |
| toast | registry:component | A toast notification whose hidden/visible state is a pure function of the timeline. The Toast renderer is a pure function of a ToastStyle (opacity, translateY,… | `npx shadcn@latest add https://www.remocn.dev/r/toast.json` |
| command-menu-item | registry:component | A command-palette row whose idle/hover/press/selected state is a pure function of the timeline. Leading icon + label + trailing shortcut kbd. Exports an inline… | `npx shadcn@latest add https://www.remocn.dev/r/command-menu-item.json` |
| command-menu | registry:component | A ⌘K command palette whose opened/closed state is a pure function of the timeline; the panel zoom + backdrop dim are dialog-like keyframed presets. The search … | `npx shadcn@latest add https://www.remocn.dev/r/command-menu.json` |
| tooltip | registry:component | A tooltip whose hidden/visible state is a pure function of the timeline. The Tooltip renderer is a pure function of a TooltipStyle (opacity, scale, translate);… | `npx shadcn@latest add https://www.remocn.dev/r/tooltip.json` |
| progress | registry:component | A progress bar whose fill is a pure function of a numeric value channel (value-channel deviation). The Progress renderer takes a clamped 0–100 value; useProgre… | `npx shadcn@latest add https://www.remocn.dev/r/progress.json` |
| skeleton-block | registry:component | A shimmer placeholder block — a motion atom (spinner pattern). A directional highlight gradient sweeps across deterministically from useCurrentFrame() and loop… | `npx shadcn@latest add https://www.remocn.dev/r/skeleton-block.json` |
| skeleton | registry:component | A skeleton→content crossfade whose loading/loaded state is a pure function of the timeline. The Skeleton renderer is pure (reads no frame); only the composed S… | `npx shadcn@latest add https://www.remocn.dev/r/skeleton.json` |
| slider | registry:component | A slider whose fill is a numeric value channel plus a thumb idle/hover/press channel (dual-channel value-channel deviation). The Slider renderer is pure (clamp… | `npx shadcn@latest add https://www.remocn.dev/r/slider.json` |
| combobox | registry:component | A combobox whose opened/closed state is a pure function of the timeline; the panel fade/scale/lift are keyframed presets like select. The trigger reuses the In… | `npx shadcn@latest add https://www.remocn.dev/r/combobox.json` |
| popover | registry:component | A popover/hover-card whose opened/closed state is a pure function of the timeline. The Popover renderer is a pure function of a PopoverStyle (opacity, scale, t… | `npx shadcn@latest add https://www.remocn.dev/r/popover.json` |
| context-menu | registry:component | A right-click context menu whose opened/closed state is a pure function of the timeline; the panel scales from its top-left corner (the click point) with a fad… | `npx shadcn@latest add https://www.remocn.dev/r/context-menu.json` |
| toggle-group | registry:component | A segmented control whose active value is a pure function of the timeline; a raised thumb SLIDES between segments (position + width derived from a float indica… | `npx shadcn@latest add https://www.remocn.dev/r/toggle-group.json` |
| stepper | registry:component | A horizontal onboarding stepper whose progress is a pure function of a continuous step index (value-channel deviation). Every circle (fill, number, stroke-dash… | `npx shadcn@latest add https://www.remocn.dev/r/stepper.json` |
| resizable | registry:component | Two panels split by a draggable handle, where the split ratio is a numeric channel plus a handle idle/hover/press channel (dual-channel value-channel deviation… | `npx shadcn@latest add https://www.remocn.dev/r/resizable.json` |
| signup-flow | registry:component | A signup card composition: a real shadcn-style card (header, labeled Full Name / Email / Password / Confirm fields, primary + Google-outline buttons, sign-in f… | `npx shadcn@latest add https://www.remocn.dev/r/signup-flow.json` |
| ai-prompt-flow | registry:component | An AI prompt composition: a prompt types into the field, the Generate button runs hover → press → loading, a skeleton shimmer reveals, then crossfades into the… | `npx shadcn@latest add https://www.remocn.dev/r/ai-prompt-flow.json` |
| checkout-flow | registry:component | A cursor-driven checkout card: the card and its fields blur-in, then the pointer flips a billing-cycle toggle, types a card number, ticks the terms checkbox, a… | `npx shadcn@latest add https://www.remocn.dev/r/checkout-flow.json` |
| onboarding-stepper-flow | registry:component | A multi-step onboarding composition: a horizontal stepper advances through panels of input, radio, and switch fields, finishing on a Finish button that runs to… | `npx shadcn@latest add https://www.remocn.dev/r/onboarding-stepper-flow.json` |
| settings-toggle-flow | registry:component | A two-column settings card: the card and its controls blur-in, then the cursor flips a switch, opens a select, drags a labeled slider, and clicks Save, ending … | `npx shadcn@latest add https://www.remocn.dev/r/settings-toggle-flow.json` |
| message-bubble | registry:component | A chat message bubble whose hidden/visible state is a pure function of the timeline. The renderer is a pure function of a MessageBubbleStyle (opacity, translat… | `npx shadcn@latest add https://www.remocn.dev/r/message-bubble.json` |
| typing-indicator | registry:component | A continuous typing animation: N dots bounce with a staggered sine wave. A motion atom — it reads the frame and takes color, size, gap, and speed props, defaul… | `npx shadcn@latest add https://www.remocn.dev/r/typing-indicator.json` |
| chat-flow | registry:component | A messaging composition: an outgoing message types into the composer, the send button presses, and the bubble rises in; the other side shows a typing indicator… | `npx shadcn@latest add https://www.remocn.dev/r/chat-flow.json` |
| telegram-chat-flow | registry:component | A Telegram-styled messaging composition: tailed bubbles (white incoming, blue outgoing) with in-bubble timestamps and delivery checks, a header that flips to '… | `npx shadcn@latest add https://www.remocn.dev/r/telegram-chat-flow.json` |
| imessage-chat-flow | registry:component | An iMessage-styled messaging composition: gray incoming and blue outgoing bubbles with tails, an in-thread typing bubble with dots, a Delivered label, and tapb… | `npx shadcn@latest add https://www.remocn.dev/r/imessage-chat-flow.json` |
| icons-core | registry:lib | Shared animation contract, pure frame-to-phase timeline, and SVG path-draw helpers for remocn icons. | `npx shadcn@latest add https://www.remocn.dev/r/icons-core.json` |
| icon-check | registry:component | Animated Lucide check icon — the stroke draws on, then stamps with a spring pop to mark a step, task, or claim as done. | `npx shadcn@latest add https://www.remocn.dev/r/icon-check.json` |
| icon-check-circle | registry:component | Animated Lucide circle-check icon — the ring draws clockwise, the checkmark traces in, then the whole mark pops to confirm a completed or successful state. | `npx shadcn@latest add https://www.remocn.dev/r/icon-check-circle.json` |
| icon-x | registry:component | Animated Lucide x icon — the two diagonals draw in crosswise, then the mark shakes to punctuate an error, removal, or dismissal. | `npx shadcn@latest add https://www.remocn.dev/r/icon-x.json` |
| icon-activity | registry:component | Animated Lucide activity icon — the pulse line sweeps through like an EKG, popping at the peak. Loops by default. | `npx shadcn@latest add https://www.remocn.dev/r/icon-activity.json` |
| icon-alert-triangle | registry:component | Animated Lucide triangle-alert icon — the outline draws on, the mark pops in, then the exclamation blinks to flag a risk or warning. | `npx shadcn@latest add https://www.remocn.dev/r/icon-alert-triangle.json` |
| icon-info | registry:component | Animated Lucide info icon — the ring draws clockwise, the dot pops and stem draws in, then the dot bobs to draw a gentle, neutral note. | `npx shadcn@latest add https://www.remocn.dev/r/icon-info.json` |
| icon-loader | registry:component | Animated Lucide loader-circle icon — the arc draws on, then spins continuously for a loading or processing beat. Loops by default. | `npx shadcn@latest add https://www.remocn.dev/r/icon-loader.json` |
| icon-refresh-cw | registry:component | Animated Lucide refresh-cw icon — the two arcs draw on, arrowheads pop, then the whole mark spins in cycles for sync, retry, or up-to-date messaging. Loops by … | `npx shadcn@latest add https://www.remocn.dev/r/icon-refresh-cw.json` |
| icon-search | registry:component | Animated Lucide search icon — the lens draws on, the handle extends, then the magnifier sweeps a small scanning path for a search or discovery beat. | `npx shadcn@latest add https://www.remocn.dev/r/icon-search.json` |
| icon-bell | registry:component | Animated Lucide bell icon — the body draws on, the clapper follows, then the bell swings from its mount to signal a notification or alert. | `npx shadcn@latest add https://www.remocn.dev/r/icon-bell.json` |
| icon-download | registry:component | Animated Lucide download icon — the tray draws on, the arrow fades in, then drops into the tray with a squash on impact for a download or export beat. | `npx shadcn@latest add https://www.remocn.dev/r/icon-download.json` |
| icon-upload | registry:component | Animated Lucide upload icon — the tray draws on, the arrow fades in, then launches upward with a spring for an upload, publish, or submission beat. | `npx shadcn@latest add https://www.remocn.dev/r/icon-upload.json` |
| icon-copy | registry:component | Animated Lucide copy icon — the two sheets draw back-to-front, then the front sheet lifts and settles to read as a duplicate for a copy-to-clipboard beat. | `npx shadcn@latest add https://www.remocn.dev/r/icon-copy.json` |
| icon-settings | registry:component | Animated Lucide settings icon — the gear and center draw on, then the gear turns exactly one tooth for a settings, configuration, or customization beat. | `npx shadcn@latest add https://www.remocn.dev/r/icon-settings.json` |
| icon-trash | registry:component | Animated Lucide trash-2 icon — the can draws on, then the lid flips open and the contents vanish for a delete or cleanup beat. | `npx shadcn@latest add https://www.remocn.dev/r/icon-trash.json` |
| icon-plus | registry:component | Animated Lucide plus icon — the two strokes draw on, then the mark twirls 90deg with a scale pop for an energetic add or create beat. | `npx shadcn@latest add https://www.remocn.dev/r/icon-plus.json` |
| icon-send | registry:component | Animated Lucide send icon — the paper plane draws on, then darts forward with a wind-up and settles back for a send-message beat. | `npx shadcn@latest add https://www.remocn.dev/r/icon-send.json` |
| icon-heart | registry:component | Animated Lucide heart icon — the outline draws on, then a lub-dub heartbeat pulse for likes, favorites, or built-with-love moments. | `npx shadcn@latest add https://www.remocn.dev/r/icon-heart.json` |
| icon-star | registry:component | Animated Lucide star icon — the outline draws on, then twinkles into place with a small rotate and scale pop for ratings, favorites, or star callouts. | `npx shadcn@latest add https://www.remocn.dev/r/icon-star.json` |
| icon-thumbs-up | registry:component | Animated Lucide thumbs-up icon — the hand draws on, then springs up with an approving stamp for positive reviews, approvals, or social-proof beats. | `npx shadcn@latest add https://www.remocn.dev/r/icon-thumbs-up.json` |
| icon-party-popper | registry:component | Animated Lucide party-popper icon — the cone draws on, then confetti bursts outward as the cone recoils for launch, milestone, or celebration finales. | `npx shadcn@latest add https://www.remocn.dev/r/icon-party-popper.json` |
| icon-arrow-right | registry:component | Animated Lucide arrow-right icon — the shaft and head draw on, then the arrow nudges forward for CTAs, next-step pointers, or flow direction. | `npx shadcn@latest add https://www.remocn.dev/r/icon-arrow-right.json` |
| icon-arrow-left | registry:component | Animated Lucide arrow-left icon — the shaft and head draw on, then the arrow nudges back for back navigation or 'previously' callbacks. | `npx shadcn@latest add https://www.remocn.dev/r/icon-arrow-left.json` |
| icon-arrow-up | registry:component | Animated Lucide arrow-up icon — the shaft and head draw on, then the arrow nudges up for growth, improvement, or upward-trend beats. | `npx shadcn@latest add https://www.remocn.dev/r/icon-arrow-up.json` |
| icon-arrow-down | registry:component | Animated Lucide arrow-down icon — the shaft and head draw on, then the arrow nudges down for cost/latency reduction beats or scroll cues. | `npx shadcn@latest add https://www.remocn.dev/r/icon-arrow-down.json` |
| icon-external-link | registry:component | Animated Lucide external-link icon — the box and arrow draw on, then the arrow darts out toward the top-right for 'view on GitHub', external docs, or open-in-n… | `npx shadcn@latest add https://www.remocn.dev/r/icon-external-link.json` |
| icon-play | registry:component | Animated Lucide play icon — the triangle draws on, then presses in and springs forward like a play button being hit. | `npx shadcn@latest add https://www.remocn.dev/r/icon-play.json` |
| icon-pause | registry:component | Animated Lucide pause icon — the two bars draw on, then pinch toward each other and settle like a held breath. | `npx shadcn@latest add https://www.remocn.dev/r/icon-pause.json` |
| icon-skip-forward | registry:component | Animated Lucide skip-forward icon — draws on, then dashes forward past center and snaps against its end bar. | `npx shadcn@latest add https://www.remocn.dev/r/icon-skip-forward.json` |
| icon-volume-2 | registry:component | Animated Lucide volume-2 icon — the speaker draws on, then the two sound waves ripple outward one after the other. | `npx shadcn@latest add https://www.remocn.dev/r/icon-volume-2.json` |
| icon-volume-x | registry:component | Animated Lucide volume-x icon — the speaker draws on, then the X slashes in and the glyph shakes off the sound. | `npx shadcn@latest add https://www.remocn.dev/r/icon-volume-x.json` |
| icon-mic | registry:component | Animated Lucide mic icon — draws on, then the capsule bounces twice like a level meter picking up voice. | `npx shadcn@latest add https://www.remocn.dev/r/icon-mic.json` |
| icon-video | registry:component | Animated Lucide video icon — draws on, then the lens wedge pans out and snaps back to its shot. | `npx shadcn@latest add https://www.remocn.dev/r/icon-video.json` |
| icon-camera | registry:component | Animated Lucide camera icon — draws on, then the lens blinks shut and open like a shutter firing. | `npx shadcn@latest add https://www.remocn.dev/r/icon-camera.json` |
| icon-image | registry:component | Animated Lucide image icon — the frame draws on, then the mountain redraws and the sun drifts into place like a photo developing. | `npx shadcn@latest add https://www.remocn.dev/r/icon-image.json` |
| icon-chevron-up | registry:component | Animated Lucide chevron-up icon — draws on, then nudges upward with a fading echo. | `npx shadcn@latest add https://www.remocn.dev/r/icon-chevron-up.json` |
| icon-chevron-down | registry:component | Animated Lucide chevron-down icon — draws on, then nudges downward with a fading echo. | `npx shadcn@latest add https://www.remocn.dev/r/icon-chevron-down.json` |
| icon-chevron-left | registry:component | Animated Lucide chevron-left icon — draws on, then nudges left with a fading echo. | `npx shadcn@latest add https://www.remocn.dev/r/icon-chevron-left.json` |
| icon-chevron-right | registry:component | Animated Lucide chevron-right icon — draws on, then nudges right with a fading echo. | `npx shadcn@latest add https://www.remocn.dev/r/icon-chevron-right.json` |
| icon-menu | registry:component | Animated Lucide menu icon — the three bars slide in from the left, top to bottom, each overshooting into place. | `npx shadcn@latest add https://www.remocn.dev/r/icon-menu.json` |
| icon-more-horizontal | registry:component | Animated Lucide more-horizontal icon — three dots pop in, then do a left-to-right thinking wave. | `npx shadcn@latest add https://www.remocn.dev/r/icon-more-horizontal.json` |
| icon-maximize | registry:component | Animated Lucide maximize icon — four corner brackets draw on, then fly outward and spring back like a window going fullscreen. | `npx shadcn@latest add https://www.remocn.dev/r/icon-maximize.json` |
| icon-layout-grid | registry:component | Animated Lucide layout-grid icon — four tiles draw on, then re-pop into place clockwise like a dashboard assembling. | `npx shadcn@latest add https://www.remocn.dev/r/icon-layout-grid.json` |
| icon-pencil | registry:component | Animated Lucide pencil icon — draws on, then scribbles: the pencil rocks around its tip as if writing. | `npx shadcn@latest add https://www.remocn.dev/r/icon-pencil.json` |
| icon-share-2 | registry:component | Animated Lucide share-2 icon — three nodes draw on, then the connections re-trace and the receiving nodes pop as the share lands. | `npx shadcn@latest add https://www.remocn.dev/r/icon-share-2.json` |
| icon-filter | registry:component | Animated Lucide filter icon — the funnel draws on, then gives two quick shakes as results fall through. | `npx shadcn@latest add https://www.remocn.dev/r/icon-filter.json` |
| icon-eye | registry:component | Animated Lucide eye icon — draws on, then blinks once and refocuses its pupil. | `npx shadcn@latest add https://www.remocn.dev/r/icon-eye.json` |
| icon-eye-off | registry:component | Animated Lucide eye-off icon — the eye fragments draw on, then the slash cuts through and visibility dims. | `npx shadcn@latest add https://www.remocn.dev/r/icon-eye-off.json` |
| icon-rocket | registry:component | Animated Lucide rocket icon — draws on, then lifts off: the ship rises on a tilt while the flame re-ignites, then eases back to rest. | `npx shadcn@latest add https://www.remocn.dev/r/icon-rocket.json` |
| icon-save | registry:component | Animated Lucide save icon — the disk draws on, then presses down and writes: the label slot re-draws as data commits. | `npx shadcn@latest add https://www.remocn.dev/r/icon-save.json` |
| icon-link | registry:component | Animated Lucide link icon — two chain halves draw on, pull apart, and click together. | `npx shadcn@latest add https://www.remocn.dev/r/icon-link.json` |
| icon-bookmark | registry:component | Animated Lucide bookmark icon — draws on, then drops into place from above with a spring landing. | `npx shadcn@latest add https://www.remocn.dev/r/icon-bookmark.json` |
| icon-lock | registry:component | Animated Lucide lock icon — the body draws on, then the shackle lifts and slams shut with a confirming pop. | `npx shadcn@latest add https://www.remocn.dev/r/icon-lock.json` |
| icon-key | registry:component | Animated Lucide key icon — draws on, then turns in an invisible lock and springs back. | `npx shadcn@latest add https://www.remocn.dev/r/icon-key.json` |
| icon-log-out | registry:component | Animated Lucide log-out icon — draws on, then the arrow steps out through the door frame with a fading echo. | `npx shadcn@latest add https://www.remocn.dev/r/icon-log-out.json` |
| icon-mail | registry:component | Animated Lucide mail icon — the envelope draws on, then the flap re-traces open and the whole envelope pops: you've got mail. | `npx shadcn@latest add https://www.remocn.dev/r/icon-mail.json` |
| icon-message-circle | registry:component | Animated Lucide message-circle icon — the bubble draws on, then inflates from its tail like a message arriving. | `npx shadcn@latest add https://www.remocn.dev/r/icon-message-circle.json` |
| icon-phone | registry:component | Animated Lucide phone icon — draws on, then rings: three decaying rotation oscillations around center. | `npx shadcn@latest add https://www.remocn.dev/r/icon-phone.json` |
| icon-at-sign | registry:component | Animated Lucide at-sign icon — the inner 'a' draws and pops, then the outer swoosh re-traces its tail: a mention landing. | `npx shadcn@latest add https://www.remocn.dev/r/icon-at-sign.json` |
| icon-inbox | registry:component | Animated Lucide inbox icon — the tray draws on, then dips under the weight of an arriving item and springs back. | `npx shadcn@latest add https://www.remocn.dev/r/icon-inbox.json` |
| icon-shield | registry:component | Animated Lucide shield icon — draws on, then braces: a firm guard pulse that asserts protection. | `npx shadcn@latest add https://www.remocn.dev/r/icon-shield.json` |
| icon-help-circle | registry:component | Animated Lucide help-circle icon — the ring draws on, then the question mark re-draws and tilts like a curious head. | `npx shadcn@latest add https://www.remocn.dev/r/icon-help-circle.json` |
| icon-plus-circle | registry:component | Animated Lucide plus-circle icon — the ring draws on, the plus crosses in, then the whole badge pops. | `npx shadcn@latest add https://www.remocn.dev/r/icon-plus-circle.json` |
| icon-x-circle | registry:component | Animated Lucide x-circle icon — the ring draws on, the X slashes in, and the badge shakes once: firmly rejected. | `npx shadcn@latest add https://www.remocn.dev/r/icon-x-circle.json` |
| icon-calendar | registry:component | Animated Lucide calendar icon — the pad draws on, then the binder rings dip and the page snaps into place. | `npx shadcn@latest add https://www.remocn.dev/r/icon-calendar.json` |
| icon-clock | registry:component | Animated Lucide clock icon — the face draws on, then the hands sweep through discrete ticks. Loops by default. | `npx shadcn@latest add https://www.remocn.dev/r/icon-clock.json` |
| icon-timer | registry:component | Animated Lucide timer icon — draws on, then the start button clicks and the hand sweeps: the stopwatch is running. | `npx shadcn@latest add https://www.remocn.dev/r/icon-timer.json` |
| icon-home | registry:component | Animated Lucide home icon — the house draws on, then the door re-draws open and the house settles: welcome home. | `npx shadcn@latest add https://www.remocn.dev/r/icon-home.json` |
| icon-folder | registry:component | Animated Lucide folder icon — draws on, then the folder tips open for a peek and closes. | `npx shadcn@latest add https://www.remocn.dev/r/icon-folder.json` |
| icon-file-text | registry:component | Animated Lucide file-text icon — the page draws on, then the text lines type themselves in, top to bottom. | `npx shadcn@latest add https://www.remocn.dev/r/icon-file-text.json` |
| icon-code | registry:component | Animated Lucide code icon — the angle brackets draw on, pull apart, and snap back around their code. | `npx shadcn@latest add https://www.remocn.dev/r/icon-code.json` |
| icon-target | registry:component | Animated Lucide target icon — three rings draw in from outside, then the bullseye hits: inner dot pops and the board shudders. | `npx shadcn@latest add https://www.remocn.dev/r/icon-target.json` |
| icon-terminal | registry:component | Animated Lucide terminal icon — draws on, then the prompt nudges forward and the cursor blinks twice. | `npx shadcn@latest add https://www.remocn.dev/r/icon-terminal.json` |
| icon-database | registry:component | Animated Lucide database icon — the cylinder draws on, then a write lands: the top disc pops and data settles down the stack. | `npx shadcn@latest add https://www.remocn.dev/r/icon-database.json` |
| icon-cloud | registry:component | Animated Lucide cloud icon — draws on, then floats: a weightless bob and a half before settling. | `npx shadcn@latest add https://www.remocn.dev/r/icon-cloud.json` |
| icon-globe | registry:component | Animated Lucide globe icon — draws on, then the meridian sweeps west to east like the world turning. Loops by default. | `npx shadcn@latest add https://www.remocn.dev/r/icon-globe.json` |
| icon-monitor | registry:component | Animated Lucide monitor icon — the stand draws, then the screen powers on with a CRT-style unsquash. | `npx shadcn@latest add https://www.remocn.dev/r/icon-monitor.json` |
| icon-smartphone | registry:component | Animated Lucide smartphone icon — draws on, then buzzes: three fast vibration oscillations. | `npx shadcn@latest add https://www.remocn.dev/r/icon-smartphone.json` |
| icon-sun | registry:component | Animated Lucide sun icon — the core draws on, then eight rays fan out clockwise and the sun swells: sunrise. | `npx shadcn@latest add https://www.remocn.dev/r/icon-sun.json` |
| icon-moon | registry:component | Animated Lucide moon icon — draws on, then rocks gently into place: settling in for the night. | `npx shadcn@latest add https://www.remocn.dev/r/icon-moon.json` |
| icon-shopping-cart | registry:component | Animated Lucide shopping-cart icon — draws on, then rolls forward to checkout, wheels popping as it stops. | `npx shadcn@latest add https://www.remocn.dev/r/icon-shopping-cart.json` |
| icon-credit-card | registry:component | Animated Lucide credit-card icon — the card draws on, then the stripe swipes through and the card tips: payment accepted. | `npx shadcn@latest add https://www.remocn.dev/r/icon-credit-card.json` |
| icon-crown | registry:component | Animated Lucide crown icon — descends into place from above, lands with a pop, then rocks regally to rest. | `npx shadcn@latest add https://www.remocn.dev/r/icon-crown.json` |
| icon-dollar-sign | registry:component | Animated Lucide dollar-sign icon — draws on, then the sign stretches tall: understated cha-ching. | `npx shadcn@latest add https://www.remocn.dev/r/icon-dollar-sign.json` |
| icon-tag | registry:component | Animated Lucide tag icon — draws on, then swings from its hole like a price tag flicked by a shopper. | `npx shadcn@latest add https://www.remocn.dev/r/icon-tag.json` |
| icon-package | registry:component | Animated Lucide package icon — the box draws on, lands with a squash-and-stretch, then the tape seam seals it. | `npx shadcn@latest add https://www.remocn.dev/r/icon-package.json` |
| icon-gem | registry:component | Animated Lucide gem icon — the stone draws on, then light catches it: facets re-trace in sequence with a flicker and a pop. | `npx shadcn@latest add https://www.remocn.dev/r/icon-gem.json` |
| icon-gift | registry:component | Animated Lucide gift icon — draws on, then the lid lifts for a peek and lands with a ribbon pop: almost unwrapped. | `npx shadcn@latest add https://www.remocn.dev/r/icon-gift.json` |
| icon-wallet | registry:component | Animated Lucide wallet icon — draws on, then the wallet thickens with a quiet x-scale: money in. | `npx shadcn@latest add https://www.remocn.dev/r/icon-wallet.json` |
| icon-award | registry:component | Animated Lucide award icon — the medal draws on, the ribbon unfurls beneath it, then the medal swings to rest. | `npx shadcn@latest add https://www.remocn.dev/r/icon-award.json` |

## For AI agents

```text
You are adding components from @remocn to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/remocn.md) for the component list.
2. Fetch the machine-readable index: https://www.remocn.dev/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: remocn).
```