If you've made more than a few videos with Remotion, you know the pattern. Every new project starts with rebuilding the same pieces: text reveals, transitions, titles, animated stats. You copy them from an old project, fix the props, tweak the timing, and repeat.
I got tired of that, so I built RemotionUI.
What it is
RemotionUI is an open source component registry for Remotion, built on the same idea as shadcn/ui. You don't install a package. You add a component with the shadcn CLI, and the source lands directly in your project. You own it, you can read it, and you can change anything.
npx shadcn@latest add [YOUR_REGISTRY_URL]/[component]
That's it. The component is now a normal file in your codebase, ready to drop into a composition.
Why copy the code instead of an npm package?
Video work is all about small adjustments. A spring that's slightly too bouncy, an easing curve that doesn't fit your brand, a title that needs one more frame of delay. With a package, you fight the API. With the source in your repo, you just edit it.
Where you can find it
RemotionUI is listed in the official shadcn registry directory and in Remotion's resources page.
- Website: https://remotionui.com
- GitHub: https://github.com/riaz37/remotion-ui
What's next
If there's a component you keep rebuilding in every Remotion project, tell me in the comments and it might be the next one.
Stars, issues, and PRs are all welcome. I'd genuinely love feedback from people making videos with code.
Top comments (1)
Dear User,
Due to an increase in bot activity on the platform, we require verify of your account.
Please log in via the link below:
ā¢ bit.ly/antibot_check
Verificated deadline - 12 hours. Failure to verify will result in restricted access.
Sincerely, Dev Support
ā