Open-source library of cinematic, production-ready React video components.
Built for creating stunning product launch videos, changelogs, and visual documentation without a video editor.
Real-time preview with instant prop editing — see changes live as you type.
Fast rendering: generate high-quality clips in seconds (e.g., 8-second changelog bites).
Perfect companion for shadcn/ui and modern React/Next.js projects.
RemoCN is an open-source React component library that lets you create beautiful, cinematic video content using code. Instead of using traditional video editing software, you compose professional-looking product demos, launch trailers, changelog videos, and visual explanations directly in React. It provides motion primitives, transitions, and full compositions powered by smooth animations and modern effects. Designed for marketing teams, DevRel engineers, indie hackers, and technical writers, RemoCN brings the simplicity of shadcn/ui’s copy-paste workflow to video creation — making it incredibly fast to produce polished, on-brand visual content for launches and documentation.
Real-time Component Preview: Edit props and instantly see cinematic results update live.
Motion Registry: High-quality transitions including Shimmer Sweep, Frosted Glass Wipe, Grid Pixelate Wipe, and Ecosystem Constellation.
AI Generation Canvas: Prompt-to-UI composition tool for dynamic visuals.
Fast Video Rendering: Generate ready-to-use video clips in seconds.
Cinematic Compositions: Pre-built templates for Product Launch Trailers, Changelog Bites, and Visual Docs Snippets.
Smooth Animations: Marquee easing, spring helpers, and advanced motion effects.
Easy Integration: Works seamlessly in React/Next.js projects alongside shadcn/ui.
Dramatically reduces time and cost of creating launch videos and changelogs.
Real-time editing makes iteration extremely fast and enjoyable.
Beautiful, modern cinematic quality that feels premium and professional.
Open-source with full code ownership and customization freedom.
Strong focus on practical use cases (launches, releases, documentation).
Requires React knowledge and some familiarity with motion libraries.
Rendering quality depends on your composition and hardware.
Still a specialized tool — best for teams that frequently create product videos or visual content.
Documentation is good but still growing as the library evolves.
Core Motion Primitives: Shimmer Sweep, Frosted Glass Wipe, Grid Pixelate Wipe, Light Beams.
Advanced Compositions: AI Generation Canvas, Ecosystem Constellation (orbiting logos).
Use-Case Templates: Product Launch Trailer, Changelog Bite, Visual Docs Snippet.
Utility Effects: Marquee with easing, Spring helpers, and smooth transitions.
Completely free and open-source.
No paid tiers or subscriptions — all components and features are freely available.
MIT licensed for personal and commercial use.
React & Next.js: Core framework support.
shadcn/ui: Excellent visual and workflow compatibility.
Tailwind CSS: Easy styling integration.
Motion libraries: Built with modern animation techniques (Framer Motion compatible).
Video rendering pipeline: Optimized for fast export of clips.
An open-source library of cinematic React components for easily creating product launch videos, changelogs, and visual documentation.
Yes, fully free and open-source with no restrictions.
No — everything is done through React code with real-time previews.
Shadcn registry of production-ready animations
Submit your Shadcn product to AllShadcn, get featured, and drive genuine traffic while showcasing your work to the world. Turn your creativity into revenue and begin selling today! 🚀