The latest articles on DEV Community by Riazul Islam (@riazul_islam_7d76022b1557). https://dev.to/riazul_islam_7d76022b1557 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2401064%2F01dd33a9-c704-4e65-9635-b330c3a4ea15.jpg https://dev.to/riazul_islam_7d76022b1557 en Riazul Islam Sat, 26 Sep 2026 17:29:54 +0000 https://dev.to/riazul_islam_7d76022b1557/introducing-remotionui-2d1p https://dev.to/riazul_islam_7d76022b1557/introducing-remotionui-2d1p <p>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.</p> <p>I got tired of that, so I built <strong>RemotionUI</strong>.</p> <h2> What it is </h2> <p>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.</p> <p>npx shadcn@latest add [YOUR_REGISTRY_URL]/[component]</p> <p>That's it. The component is now a normal file in your codebase, ready to drop into a composition.</p> <h2> Why copy the code instead of an npm package? </h2> <p>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.</p> <h2> Where you can find it </h2> <p>RemotionUI is listed in the official shadcn registry directory and in Remotion's resources page.</p> <ul> <li>Website: <a href="https://remotionui.com" rel="noopener noreferrer">https://remotionui.com</a> </li> <li>GitHub: <a href="https://github.com/riaz37/remotion-ui" rel="noopener noreferrer">https://github.com/riaz37/remotion-ui</a> </li> </ul> <h2> What's next </h2> <p>If there's a component you keep rebuilding in every Remotion project, tell me in the comments and it might be the next one.</p> <p>Stars, issues, and PRs are all welcome. I'd genuinely love feedback from people making videos with code.</p> frontend opensource react resources