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.
- Host: GitHub
- URL: https://github.com/riaz37/remotion-ui
- Owner: riaz37
- License: mit
- Created: 2026-06-07T06:57:52.000Z (29 days ago)
- Default Branch: main
- Last Pushed: 2026-06-23T19:03:53.000Z (13 days ago)
- Last Synced: 2026-06-23T19:24:51.500Z (13 days ago)
- Topics: cli, components, monorepo, react, registry, remotion, typescript, video
- Language: TypeScript
- Homepage: https://remotionui.com
- Size: 2.75 MB
- Stars: 15
- Watchers: 0
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Codeowners: .github/CODEOWNERS
- Security: SECURITY.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
## 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