For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.

Beautiful videos, made simple.

framecn is a collection of beautifully designed, customizable video components for React. Animated text, captions, carousels, 3D globes, charts, and complete compositions you can preview in the browser, tweak with live controls, and drop into your project with the shadcn CLI.

Every component is real React code built on Editframe, so the same composition renders frame-accurately to MP4. Nothing is locked inside a black box — you own the source.

Free components
15
Pro components
68
License
MIT

Free and Pro

The component library is open source and stays free. framecn Pro adds complete, production-ready compositions and installs them through an authenticated shadcn registry with your personal API key. See pricing.

Shadcn Labs

At Shadcn Labs, we create open-source tools that extend what's possible with the shadcn/ui ecosystem.

We're an independent org exploring new primitives for developers and AI agents to build on — from terminal UIs and shaders to email, PDF, editors, and beyond. Everything we make is free, open source, and shaped by the community.

framecn is part of Shadcn Labs, a family of 14+ open-source registries, templates, and skills for the shadcn ecosystem. Open the project switcher next to the logo in the sidebar to explore them.

Made by Aniket Pawar. Follow along on X, join the Discord, or read the code on GitHub.

Team

Building from Mumbai, India for the world. Not endorsed by or affiliated with shadcn.

Support the project

If framecn helps you ship, consider sponsoring or starring the repository. It keeps new components coming.