https://github.com/trycua/launchpad
https://github.com/trycua/launchpad
Last synced: 16 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/trycua/launchpad
- Owner: trycua
- License: mit
- Created: 2026-01-21T21:22:00.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2026-01-24T02:49:09.000Z (5 months ago)
- Last Synced: 2026-04-20T22:47:31.895Z (about 2 months ago)
- Language: TypeScript
- Size: 56.9 MB
- Stars: 497
- Watchers: 3
- Forks: 66
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Your browser does not support the video tag.
A monorepo for creating product launch videos using **Remotion**, **Next.js**, and **TailwindCSS**. Built for teams who want to make videos with React instead of traditional video editors.
Works great with **Claude Code** + [Remotion Skills](https://github.com/remotion-dev/skills).
> [!NOTE]
> If you find this project useful, consider giving [Cua](https://github.com/trycua/cua) a star!
---
## Quick Start
```bash
# Install dependencies
pnpm install
# Create a new video project
pnpm create-video
# Open Remotion Studio
pnpm remotion
# Render video
pnpm render
```
---
## Project Structure
```
launchpad/
├── packages/
│ ├── shared/ # Reusable components (FadeIn, SlideUp, TextReveal)
│ └── assets/ # Brand assets (colors, fonts, sounds)
├── videos/
│ ├── _template/ # Template for new videos
│ └── cuabench/ # Example video project
├── scripts/
│ └── create-video.ts # CLI to scaffold new videos
└── docs/ # Documentation
```
---
## Packages
| Package | Description |
|---------|-------------|
| `@launchpad/shared` | Reusable Remotion components and hooks |
| `@launchpad/assets` | Brand colors, fonts, and sound effects |
---
## Example Video
The `videos/cuabench/` directory contains a complete example showing:
- Word-by-word text animations
- Terminal and code editor scenes
- Counter animations with easing
- Video transitions
- Sound effects and background music
```bash
pnpm --filter @launchpad/cuabench remotion
```
---
## Using with Claude Code
Install Remotion skills for AI-assisted video development:
```bash
npx skills add remotion-dev/skills
```
Then describe what you want:
> "Create an intro scene with word-by-word text reveal, white text on dark background"
See [Claude Code Workflow](./docs/CLAUDE_CODE_WORKFLOW.md) for details.
---
## Commands
| Command | Description |
|---------|-------------|
| `pnpm create-video` | Create a new video project |
| `pnpm remotion` | Open Remotion Studio |
| `pnpm dev` | Start Next.js preview |
| `pnpm render` | Render video locally |
| `pnpm build` | Build all packages |
---
## Resources
- [Getting Started](./docs/GETTING_STARTED.md)
- [Creating Videos](./docs/CREATING_VIDEOS.md)
- [Shared Components](./docs/SHARED_COMPONENTS.md)
- [Remotion Documentation](https://remotion.dev/docs)
---
## Contributing
Contributions are welcome! Please see our contributing guidelines.
---
## License
MIT License - see [LICENSE](./LICENSE) for details.