Built with Gemini 3

Connect your repo.
Components become video.

Scenery pulls your React components from GitHub and turns them into video assets. Tell Gemini 3 what to build — it arranges your components on a timeline, adds voiceover, and exports MP4.

Try Demo How It Works

Your GitHub Repo

Gemini 3

Video Timeline

Components as assets

Export

MP4 Video

Production-ready

Code-First Videos

Your React components are the video assets. Write code, get video.

Gemini AI Director

Describe what you want. Gemini 3 composes scenes, places assets, adds narration.

Instant Preview & Export

Real-time Remotion player preview. One-click MP4 export via Lambda.

How it works

Your code is the single source of truth. Scenery treats every React component as a video asset.

Connect your GitHub repo

Scenery scans your repository and discovers every exported React component automatically.

// your-repo/components/hero.tsx

export default function Hero() {

return <div className="...">...</div>

}

✓ Discovered: <Hero />, <Card />, <Chart />, <Pricing />

Tell Gemini 3 what to make

Describe your video in plain language. Gemini 3 places your components on the timeline, adds transitions, and generates voiceover.

You

"Make a 30-second product demo. Start with the Hero, then show the Pricing card, and end with a call to action."

Done — placed 3 components on the timeline with fade transitions and narration. Preview is ready.

Preview and export

Watch the video in the real-time Remotion player. Tweak timing on the timeline. Export to MP4 with one click.

Try it now

No sign-up required. Jump straight in.

Open Editor

Connect your repo.Components become video.