Getting Started

Remotion UI is a shadcn-compatible registry. There is nothing to install up front — each component is copied into your project on demand.

Requirements

  • A React project with Remotion set up.
  • A components.json at the project root, so the shadcn CLI knows where to write files. Run npx shadcn@latest init if you do not have one.
  • No UI library. Components ship plain Remotion and inline styles.

Install a component

Every item has its own registry URL. Pass it to the shadcn CLI:

npx shadcn@latest add https://remotionui.dev/r/text-reveal.json

That writes components/remotion/text-reveal.tsx and installs remotion if it is missing. The file is yours from that point — edit the springs, the colours, the timing.

Use it

Each component exports the composition plus a typed defaultProps and the recommended durationInFrames, fps, width, height, so registering it takes one line.

Next

Browse the 4 components, preview each one, and copy the command from its page.