What this is
Motion Studio is a set of high-quality, animated video scenes built on Remotion — every scene is a single React component you can copy into your own project. On top of that lives a browser-based Studio for stitching scenes together on a timeline, configuring per-clip styling and transitions, and exporting to MP4.
It's open source. There's no SDK to install. The library and the studio share the exact same scene registry, so anything you see in the docs is one click away from being on a timeline.
Two ways to use it
You drive it. Open the Studio, pick scenes from the Library, edit props in the Inspector, set transitions, hit Export. Good for hand-built reels, marketing videos, launch montages.
An agent drives it. Every scene has a typed props interface that AI coding agents (Claude Code, Codex, Cursor) read trivially. Tell an agent "build me a 12-second SaaS launch reel" and it can compose TitlePopup → Terminal → BarChart → Toast → LogoCloud by writing a Remotion Root.tsx or producing a project JSON you load into the studio. The aesthetic comes from the library — the storytelling comes from the agent.
See Using the platform for both flows in detail.
What's inside
- 50+ scenes across categories: Terminal, Toast, GitHub Star Button, animated charts (bar / line / area / pie / radar / radial), text animations, brand-locked chat (iMessage, WhatsApp, Slack, Discord), tweets, frame mockups (phone / laptop / browser), feature & pricing cards.
- Universal style controls — every non-brand-locked scene exposes background / text / font / accent so you can match a brand kit in seconds.
- Per-clip transitions — fade, swipe, zoom between scenes.
- Stackable effects — fade-out, slide-out, Ken Burns, zoom-out layered on top of any clip.
- Project save / load as JSON, plus MP4 export.
FAQ
Is this a component library I install?
No. Scenes are pure source files you copy. The only runtime dependency is remotion. Open any scene's docs page, scroll to Source, click Copy or Download.
Which frameworks are supported?
Any React-based framework that runs Remotion — typically a standalone Remotion project, but the scenes are framework-agnostic. The Studio itself is a Next.js app.
Can I use this commercially?
Yes. MIT licensed. The brand-locked scenes (Twitter, GitHub, WhatsApp, etc.) intentionally mimic real product UI for promotional use — same legal posture as a screenshot.