RemotionUI

Overview

RemotionUI is a library of production-ready motion components and compositions for Remotion video projects. The site lists 217 components, from captions and charts to transitions, backgrounds and full scenes, which install with a CLI as source in the project with no runtime dependency.

The workflow takes three CLI steps: initialize a project, add a composition, and render an MP4. Every preview on the site is the real composition running in the browser and can be scrubbed frame by frame. The same team is also building Kine, an early-access tool that films a running app and cuts the footage into a Remotion demo video.

Features

• Compositions: Complete pieces such as data stories, social clips and audiogram scenes.
• Captions and media: Karaoke captions, lower thirds and other data and media components.
• Scenes: Terminal simulator, code reveal and AI generation canvas scenes.
• Maps and devices: Device mockup zooms and map-based components.
• Transitions: Wipes such as grid pixelate.
• Paths and primitives: Logo reveals, shape animations and mesh gradient backgrounds.
• CLI install: npx remotion-ui add <name> copies any component into the repository.

Tech stack

• React, Remotion, shadcn-style registry

Getting started

npx remotion-ui@latest init my-video

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @remotionui/component-name