In simple English
Making software demo videos takes too much time. This tool gives you ready-made visual blocks like animated text, fake terminal windows, and phone frames. You pull them straight into your project with a single command. The animations match your existing web design system automatically. It costs nothing and runs on the MIT licence.
What it is
A component registry for Remotion (a framework for writing videos in React), containing twenty-one animated UI parts for software demos. Each component copies source code directly into your repository so you can change every detail yourself.
What it is good for
Solo builders who need to make clean product launch videos or feature walkthroughs without learning complex video editing software.
- Installs with a single command using the shadcn CLI.
- Source code copies directly into your repository so you can edit anything.
- Matches your product design tokens so your video branding stays consistent.
- Requires an existing Remotion project and React knowledge to use.
- Requires manual setup of path aliases in your TypeScript and Remotion config files.
- Animation timings and durations need manual adjustment in code.
manual video editing in screen recording software
Remotion
- remotion-dev/remotion66k stars
Remotion is the core React video framework that snapcn components run inside.
- shadcn-ui/ui126k stars
The original UI component library that uses the same command-line installation style.
- snapcast/snapcast8.0k stars
A server and clients that play one audio stream in several rooms, kept in time with each other.
- MusicPlayerDaemon/MPD2.8k stars
A background music player with no interface of its own, controlled over a network by separate client programs.
- AcademySoftwareFoundation/OpenTimelineIO2.0k stars
An interchange format and library for editing timelines: the order and length of cuts, and references to the media, but not the media.
npx create-video@latest npx shadcn@latest add @snapcn/text-reveal