Skip to content

Remocn/remocn

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

236 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

remocn — shadcn registry for Remotion

GitHub Health

Remocn

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.

Installation

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

Why remocn

  • 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.

What's inside

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

About

Production-ready animations, transitions, backgrounds, and scenes for Remotion

Resources

License

Stars

Watchers

Forks

Sponsor this project

Contributors

Languages