Docs Components Templates Showcases Sponsors StudioNew

Start here

IntroductionWhat Remocn is and how the pieces fit
InstallationAdd components with the shadcn CLI
Agent SkillTeach your agent the whole catalog
PluginOne command in Claude Code or Codex

Craft

Design defaults
Motion principles
Anti-patterns

Guides

Videos

Launch video
Feature announcement
Product demo
Teaser
Showcase reel
Changelog video

Practices

Directing your agent
Words on screen
One video, three formats

All 14 guides→

Components

932 total

Typography256
Numbers & stats124
Product scenes66
Transitions59
Shaders59
Logo stings45
UI42
UI blocks33
Captions31
Motion graphics21
Social18
Graphic looks13
Effects11
Media & collage10
Filters10
Camera & physics9
Layout4
Compositions3
Icons100

Use with your agent

Claude Code
Claude Chat
ChatGPT
v0
OpenCode
Agent Run

Templates

Release Teaser
Product Showcase
Brand Guidelines
Workflow Console
Order Flow

Clip 38 of 55, 23:10 to 23:36 on the reel

Sponsor 21st

kapish_dimaSep 17, 2026

←Skill Changelog Sponsor Canadian AI→

Built with

blur-out-up
shader-mesh-gradient

npx shadcn add @remocn/blur-out-up @remocn/shader-mesh-gradient

MIT, built on Remotion

Docs Changelog Blog Studio Sponsors Inspired by Legal GitHub X