Documentation
Every component in Remocn, grouped by category. Browse by category or jump straight to the one you need.
- Introduction01What Remocn is: a shadcn-style component registry for Remotion plus an agent skill. Copy-paste video components, MIT, code lives in your repo.
- Installation02Add Remocn to an existing Remotion project
npx shadcn@latest add @remocn/soft-blur-in - Agent Skill03Install the Remocn agent skill with skills.sh so your AI generates better Remotion videos
- Plugin04Install the Remocn plugin for Claude Code or Codex. It turns a one-line brief into a Remotion video built from Remocn components, checks the frames, and opens the result in Remocn Studio.
~30 secondsShowcase reelGuides
Finished videos you can make yours — pick one, fill in your words, paste a prompt. Your AI agent builds the video, you direct it.
- LayoutScene framing and fill components for Remotion compositions4
- Typography185 newText effects, reveals, and kinetic type for Remotion256
- Numbers & StatsNewCounters, stat reveals, charts, prices and countdowns where a number is the hero124
- UI Blocks21 newPre-assembled interface elements like code editors, layouts, charts, and workflow visualizations33
- Product Scenes60 newMocked product UI that tells a story: web apps, dashboards, mobile, checkout and chat66
- Media & CollageNewScreenshots, photos and video tiles as the hero: tours, grids, montages and comparisons10
- AIAnimated AI tool interfaces — chat composers and CLI welcome screens that type a prompt, and an agent run that streams the answer6
- Transitions27 newScene transitions built as presentations for TransitionSeries59
- Social13 newRemotion compositions for sharing milestones and social proof18
- TemplatesComplete videos you install as-is. Swap the name, the copy and the accent color, then render. Every frame stays editable React and SVG.5
- Effects1 newReusable Remotion effect overlays for celebratory and atmospheric moments11
- Motion Graphics8 newFlat geometric motion-graphics pieces for openers, section breaks, and pattern beds21
- Logo Stings37 newShort brand reveals that land your logo or wordmark at the open or close of a video45
- Camera & Physics1 newFull-frame shots built on a simulated camera or a small physics engine, from parallax trucks and a dolly zoom to falling bodies and a cloth yank9
- Graphic Looks4 newFull-frame scenes that borrow a print, drawing or screen technique, from risograph plates and blueprints to heat cameras and toy bricks13
- CompositionsFull scenes built by composing primitives and UI blocks3
Libraries
Each has its own tab in the sidebar switcher, with an introduction and its own component list.
5