An open API service indexing awesome lists of open source software.

https://github.com/riaz37/remotion-ui

Production-ready motion for Remotion. Source you own.
https://github.com/riaz37/remotion-ui

cli components monorepo react registry remotion typescript video

Last synced: about 12 hours ago
JSON representation

Production-ready motion for Remotion. Source you own.

Awesome Lists containing this project

README

          

# RemotionUI

RemotionUI

**Production-ready motion for Remotion. Source you own.**

Docs
 
npm version
 
MIT License

## Quick start

```bash
npx remotion-ui@latest init my-video
cd my-video
npx remotion-ui@latest add social-clip
```

Production-ready motion for Remotion. Source you own. Docs: [remotionui.com](https://remotionui.com)

## What you get

- **120+ components**: primitives, scenes, compositions (captions, charts, AI composers, social clips, creator reels)
- **Source you own**: components land in your repo; edit every frame
- **CLI workflow**: `init`, `add`, `doctor`, `search`, `diff`, `update`, `list`
- **AI-ready**: [agent index](https://remotionui.com/ai/components.json), [recipes](https://remotionui.com/ai/recipes.json), [llms.txt](https://remotionui.com/llms.txt)

## Monorepo Structure

```
remotionui/
├── apps/web/ # Docs site + component registry host
├── packages/remotion-ui/ # CLI (published to npm)
├── packages/typescript-config/
├── packages/eslint-config/
├── templates/ # Starter project scaffolds
├── skills/remotion-ui/ # Agent skill documentation
└── scripts/ # Repo maintenance scripts
```

## Philosophy

- **Registry-first**: Component source lives in `apps/web/registry/`
- **CLI distribution**: Users run `npx remotion-ui add `
- **Source you own**: Components install as source files in your repo
- **Only the CLI is published**: No `@remotionui/primitives` npm package

## Getting Started (development)

```bash
pnpm install
pnpm skills:sync # Pull Remotion Agent Skills + wire Codex
pnpm dev
```

### Agent Skills

RemotionUI uses [Agent Skills](https://agentskills.io/home) to give AI agents domain expertise:

| Skill | Location | Purpose |
|-------|----------|---------|
| `remotion` | `skills/remotion/` | Official [Remotion best practices](https://www.remotion.dev/docs/ai/skills) |
| `remotion-ui` | `skills/remotion-ui/` | RemotionUI monorepo, CLI, and registry authoring |

Run `pnpm skills:sync` to vendor the latest Remotion skills from upstream and link them to `.agents/skills/` for Codex discovery.

## Scripts

| Command | Description |
|---------|-------------|
| `pnpm dev` | Start all apps in development mode |
| `pnpm build` | Build all packages and apps |
| `pnpm registry:build` | Build registry JSON for CLI consumption |
| `pnpm skills:sync` | Sync Remotion Agent Skills and wire Codex |
| `pnpm prepare:publish` | Preflight: build, test, registry count, npm dry-run |
| `pnpm publish:cli` | Publish `remotion-ui` to npm (requires auth) |

## License

MIT