remotion-dev/template-code-hike

Build animated explainer videos with your coding agent

Programmatic video for coding agents — HTML to video on your laptop. Turn HTML, CSS & data into real MP4s with pluggable render engines, 21 templates, AI soundtrack. Apache-2.0, no per-render fees. An official project by the Open Design team.

A shadcn registry of Remotion components for product demo videos. Install a text reveal, device frame, terminal session, logo sting or a whole scene with a command.

Create polished product demo videos with AI coding agents and Remotion. The UI is code, not a screen recording.

You built it. Now brag. Turn the project you just created into a short, shareable launch video with one command.

Create Videos with Code

A Claude Code skill to make motion design videos in pure code: HTML + Playwright + ffmpeg. No After Effects, no Remotion license.

Write HTML. Render video. Built for agents.

Agent skill for browser motion graphics — openers, promos, bumpers, kinetic typography, and five explainer styles that move like video, not slides. Single index.html output. Works with Claude Code, Codex, Gemini CLI, Cursor.