Introduction
Copy-paste video components for React. Built on Editframe, works with the shadcn CLI.
framecn provides beautifully crafted, production-ready video components for React. Built on Editframe and designed to work seamlessly with the shadcn CLI.
Philosophy
framecn follows the shadcn model — but for video. Components are yours to copy, own, and customize. No runtime lock-in, no black-box abstractions. Just composable Editframe scenes that drop into your stack.
Video in product work is often an afterthought — stitched together from stock clips or half-finished motion presets. framecn takes a different approach. Every component is a self-contained, time-based composition: animated in code, renderable to MP4, and built to match the precision of your UI design system.
The goal is simple: make video feel like the rest of your stack — composable, themeable, and easy to customize.
Why framecn?
Most video tooling forces you to choose between full creative control and developer ergonomics. framecn is built for teams that want both:
- Own Your Code: Copy components into your project and customize everything — timing, easing, colors, copy.
- Start Fast: Run one command and render your first video scene with production-ready defaults.
- Compose Freely: Combine text, captions, and compositions on an Editframe timeline.
What's Included
framecn includes free, open-source components and framecn Pro:
- Free components — Ready-to-use video components under the MIT license. Browse, customize, and install them without an account.
- Pro — Animated text, carousels, 3D globes, collages, charts, scroll animations, and compositions such as Node Reveal, with public previews and authenticated Pro source access.
Browse the component gallery or preview Node Reveal.