remocn is a copy-paste component library for building videos in Remotion. Instead of writing every fade, wipe, and kinetic title from scratch, you npx shadcn add a polished primitive into your project and own the code. Built for solo builders and small teams who need a product demo video shipped today, not next week.
Remotion is a prerequisite — set up a Remotion project first if you don't have one (npx create-video@latest). Then add any component from the registry:
npx shadcn@latest add @remocn/blur-reveal- Remotion has no batteries-included component library You either build every animation from scratch or copy snippets from blog posts. remocn gives you a curated registry of primitives and full scenes that just work.
- Polished motion is hard Easing curves, spring physics, transition timing - remocn ships components that already feel right, so you can focus on storytelling instead of tuning
interpolate()calls. - You own the code Components are copied into your repo (shadcn philosophy). No runtime dependency, no version lock-in, no black box - tweak anything you want.
- Solo builders need demo videos fast Compose a launch trailer, changelog clip, or feature walkthrough from prebuilt blocks in an afternoon.
110+ components, split between scene-ready animations and timeline-driven UI primitives:
- Typography — Soft Blur In, Per Character Rise, Tracking In, Typewriter, Shimmer Sweep, Marker Highlight, Slot Machine Roll, Matrix Decode, RGB Glitch Text, Number Wheel, Rolling Number, Infinite & Perspective Marquee, and 30+ more text effects
- Transitions & wipes — Zoom Through, Device Mockup Zoom, Image Expand to Fullscreen, Directional Wipe, Spatial Push, Frosted Glass Wipe, Grid Pixelate Wipe, Chromatic Aberration Wipe
- Environment & effects — Mesh Gradient Background, Dynamic Grid, Spotlight Card, Confetti, Backdrop
- UI blocks — Glass Code Block, Terminal Simulator, Code Accordion, Code Diff Wipe, Tool Menu Slide In, Animated Line & Bar Charts, Drag and Drop Flow
- AI scenes — Claude Chat, ChatGPT, v0, Claude Code, OpenCode
- Social — GitHub Stars, X Follow Card, X Followers Overview
- Compositions — Hero Device Assemble, Ecosystem Constellation, Infinite Bento Pan, Browser Flow, AI Generation Canvas, Live Code Compilation, Terminal to Browser Deploy, Dashboard Populate, Pricing Tier Focus
- UI primitives (
remocn-ui) — timeline-driven, shadcn-style atoms: Button, Accordion, Dialog, Drawer, Sheet, Select, Dropdown Menu, Command Menu, Tabs, Tooltip, Toast, Popover, Slider, Stepper, Resizable, and full flows (Signup, Checkout, Settings Toggle)
Browse the full catalog with interactive previews at remocn.dev
A hosted, in-browser video editor that builds videos from remocn components.
Drag components onto a timeline, configure them, preview live, and render an MP4 — all in the browser.
remocn studio turns the first-party remocn component set into a video editor. You assemble a video from a known catalog of motion components, preview it instantly with the Remotion Player, and render a final MP4 on the server.
- Drag, configure, render. Pick components from the palette, drop them on the timeline, tune their props in the inspector, hit render.
- Preview is the render. The browser preview and the server-rendered MP4 run the exact same code — what you see is what you get.
- No setup. Hosted at
studio.remocn.dev. Sign in and start editing.
- Typed 3-track timeline with drag / resize / snap
- Live preview via
@remotion/player - Property inspector generated from each component's config
- Drag-on-canvas placement for overlays
- Server-side MP4 rendering with a job queue
- Accounts, saved projects, and shareable links