New — AI voiceover, auto-captions & GIF export

Edit it. Or let AI
build it for you.

A real motion studio for code walkthroughs, launch promos and data stories — with AI voiceover, captions and one-click MP4/GIF export. Or grab our free Claude skill and generate a whole video by describing it.

Start creating — it's free Watch examples

Loved by 2,000+ makers — devs, marketers & educators

cocoplay studio · api-flow.json built from JSON

Anatomy of an API Request

0:00.00 / 0:12.00

AI voiceover

Auto-captions

Paste a repo → video

▲ live render — this is the actual engine playing in your browser, not a video file

Everything in one studio

A full motion pipeline,
zero editing skills needed

Generate with AI

Describe it to Claude — paste the video in

Download our free Claude skill, describe your video in plain English, and Claude returns a complete CocoPlay project — gradient cards, glow titles, charts, diagrams. Paste it here and keep editing.

“explain how JWT auth works in 30 seconds, dark techy style” Get the skill

Claude → CocoPlay JSON → paste → a full editable video

Code-to-video

Walkthrough wizard

Paste code or a GitHub link, mark the steps — get a narrated, step-revealing tutorial video.

STEP 2 / 4

async function verify(token) {

const payload = decode(token)

if (expired(payload)) throw

return payload

}

“Next we decode and check the expiry…”

Voice & captions

Script in, narration out

9 AI voices read your script; Whisper writes synced captions.

…and that's how the token gets verified

Every platform

One project, every format

YouTube, Reels, Shorts, X — switch presets and elements rescale automatically.

16:9

9:16

1:1

4:5

▍Data stories

Charts that draw themselves

Multi-series bars & lines animate in, themed to your brand colors.

Ship it

Export with sound. Share with a link.

Server-rendered MP4, WebM or GIF — music, voiceover and fades included. Or publish a public watch link with an embed snippet, no download needed.

MP4 · H.264WebM · VP9GIF🔗 share link</> embed audio included

Nobody else does this

Your code is
the main character

Canva can't syntax-highlight. Premiere can't type. CocoPlay treats code as a first-class element: line-by-line reveals, live edits between steps, diff mode, terminal mode, callouts pointing at exact lines.

Paste a GitHub repo file or gist — it imports instantly

Wizard turns full files into timed step-by-step walkthroughs

12 languages, 8 syntax themes, animated code edits

Try the walkthrough wizard

teaching-demo · live render

0:00.00 / 0:16.00

Start fast