# Remotion Projects at AI Tinkerers

> Canonical HTML: https://aitinkerers.org/technologies/remotion
> Markdown URL: https://aitinkerers.org/technologies/remotion.md
> Technology record last updated: 2026-03-22T13:48:32Z
> Generated: 2026-09-22T11:38:06Z

Create dynamic, real MP4 videos programmatically using the React framework.

Remotion is the open-source framework that lets developers build videos using their existing React, CSS, and WebGL skills: think of it as React for video. You define each frame as a React component, enabling powerful composition and reusable assets. The technology supports dynamic editing, allowing you to parameterize video content by passing data, which is crucial for building data-driven applications like 'Year in Review' videos or music visualizations. Crucially, Remotion handles the scalable rendering, outputting the final .mp4 file either locally, on a dedicated server, or serverless via Remotion Lambda.

- Official technology site: https://www.remotion.dev
- Public AI Tinkerers demos and talks: 4
- Result page: 1 of 1

## Recent Public Talks and Demos

### [With AI, Make Videos your Audience Can Talk To](https://nyc.aitinkerers.org/talks/rsvp_ABb3qDK2Hwk)

The project is a cloud-based platform that generates multiple consistent videos simultaneously with a voice engine included, so that viewers can talk to a video on any screen. The video can hear them and talk back in real time for personalized conversations on any screen. I would show snippets of short films and commercial uses where people are engaging with media by voice.

- Event context: August Demo Day ft Runpod, Veris, Openrouter, — 2026-08-19 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_ABb3qDK2Hwk

### [Building Product Videos with Code: From React to Launch Video in 5 Minutes](https://zurich.aitinkerers.org/talks/rsvp_dcRr36x9-9s)

A programmatic video production pipeline using Remotion that lets you build product launch videos entirely in code. I'll walk through a live coding session where we build a video from scratch: composing scenes as React components, reusing existing web app UI components directly in video compositions, generating AI narration with ElevenLabs, syncing text transitions to the beat of a backing track, and rendering the final output. The demo shows how your easy it is to create launch videos for new features, based on the code of the feature.

- Event context: AI Tinkerers Zürich: July Build Night with Swisscom Ventures — 2026-07-01 — Zürich
- Public talk page: https://zurich.aitinkerers.org/talks/rsvp_dcRr36x9-9s

### [GitFlix](https://dubai.aitinkerers.org/talks/rsvp_NOm-XVCUWNY)

GitFlix is an AI-powered developer tool that transforms any GitHub repository's commit history into a cinematic documentary-style video narration. For the demo, I'll show a working system, you paste a GitHub repo URL, the backend ingests the full commit history via the GitHub API, an analytics engine detects contribution eras, character arcs, and hero commits, a LangChain agent generates a structured script and Remotion renders it into an actual video with scenes, narration and transitions. I'll walk through the live app, the LangChain agent reasoning, and the architecture end to end.

- Event context: AI Tinkerers Dubai - May Demo Day — 2026-05-23 — Dubai
- Public talk page: https://dubai.aitinkerers.org/talks/rsvp_NOm-XVCUWNY

### [Remotion Your Videos](https://hong-kong.aitinkerers.org/talks/rsvp_Dh6XudV0F2c)

I have experimented with Remotion for Video Generation By Claude Code and would be pleased to share this in a 10 - 15 mins live demo. Will prep another good topic that can gen the vid within the demo time :) ps - no worry if demo slots are full, I can do it in another time https://www.linkedin.com/posts/activity-7440352340945117184-XXt0?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAAoDEgBPV2V1HF_Xk1xwmFPNE8qXiGa10g

- Event context: AI Tinkerers Hong Kong & GBA: AI Demo Night @ Google (May) — 2026-05-07 — Hong Kong
- Public talk page: https://hong-kong.aitinkerers.org/talks/rsvp_Dh6XudV0F2c

## Related Technologies

- [React](https://aitinkerers.org/technologies/react) ([Markdown](https://aitinkerers.org/technologies/react.md)) — 220 public demos
- [Claude Code](https://aitinkerers.org/technologies/claude-code) ([Markdown](https://aitinkerers.org/technologies/claude-code.md)) — 215 public demos
- [component](https://aitinkerers.org/technologies/component) ([Markdown](https://aitinkerers.org/technologies/component.md)) — 1 public demo
- [Eleven Labs](https://aitinkerers.org/technologies/eleven-labs) ([Markdown](https://aitinkerers.org/technologies/eleven-labs.md)) — 2 public demos
- [ElevenLabs](https://aitinkerers.org/technologies/elevenlabs) ([Markdown](https://aitinkerers.org/technologies/elevenlabs.md)) — 42 public demos
- [FastAPI](https://aitinkerers.org/technologies/fastapi) ([Markdown](https://aitinkerers.org/technologies/fastapi.md)) — 181 public demos
- [Groq API](https://aitinkerers.org/technologies/groq-api) ([Markdown](https://aitinkerers.org/technologies/groq-api.md)) — 4 public demos
- [Kling](https://aitinkerers.org/technologies/kling) ([Markdown](https://aitinkerers.org/technologies/kling.md)) — 4 public demos
- [LangChain](https://aitinkerers.org/technologies/langchain) ([Markdown](https://aitinkerers.org/technologies/langchain.md)) — 445 public demos
- [Llama 3](https://aitinkerers.org/technologies/llama-3) ([Markdown](https://aitinkerers.org/technologies/llama-3.md)) — 38 public demos
- [OpenAI API](https://aitinkerers.org/technologies/openai-api) ([Markdown](https://aitinkerers.org/technologies/openai-api.md)) — 520 public demos
- [Pydantic v2](https://aitinkerers.org/technologies/pydantic-v2) ([Markdown](https://aitinkerers.org/technologies/pydantic-v2.md)) — 4 public demos
- [PyGitHub](https://aitinkerers.org/technologies/pygithub) ([Markdown](https://aitinkerers.org/technologies/pygithub.md)) — 1 public demo
- [Python](https://aitinkerers.org/technologies/python) ([Markdown](https://aitinkerers.org/technologies/python.md)) — 662 public demos
- [React 19](https://aitinkerers.org/technologies/react-19) ([Markdown](https://aitinkerers.org/technologies/react-19.md)) — 6 public demos
- [Skills](https://aitinkerers.org/technologies/skills) ([Markdown](https://aitinkerers.org/technologies/skills.md)) — 10 public demos
- [Tailwind CSS](https://aitinkerers.org/technologies/tailwind-css) ([Markdown](https://aitinkerers.org/technologies/tailwind-css.md)) — 22 public demos
- [Three](https://aitinkerers.org/technologies/three) ([Markdown](https://aitinkerers.org/technologies/three.md)) — 13 public demos