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 50 of 55, 27:50 to 28:23 on the reel

Introducing Nextjs

kapish_dimaJul 20, 2026

←Introducing Shieldcn Introducing Tenkit→

Built with

shader-grain-gradient
soft-blur-in
typewriter
push-through
whip-pan
focus-pull
grain-dissolve

npx shadcn add @remocn/shader-grain-gradient @remocn/soft-blur-in @remocn/typewriter @remocn/push-through @remocn/whip-pan @remocn/focus-pull @remocn/grain-dissolve

MIT, built on Remotion

Docs Changelog Blog Studio Sponsors Inspired by Legal GitHub X