AI-powered · Canva-level design · Free to start

Create stunning videos with AI in seconds

Describe your presentation in plain English. CocoPlay generates animated scenes with gradients, flow diagrams, charts and transitions — then export to MP4.

No credit card Free forever 60fps preview One-click MP4
cocoplay · flowchart-demo.json
Anatomy of an API Request
0:00.00 / 0:12.00

This is a real live CocoPlay project. Open it and edit every keyframe yourself.

Remix it
< 10sGeneration time
20+Element types
60fpsLive preview
H.264Export format
100%JSON editable
How it works

From idea to video in 3 steps

01
01

Describe it

Type a prompt — topic, style, duration. Be specific about scenes, tone and visual style.

02
02

AI builds it

GPT-4o generates a rich project JSON — gradient shapes, glow text, flow nodes, animated charts.

03
03

Edit & export

Fine-tune every element in the studio. Change timing, colours, fonts. Export when it's perfect.

Under the hood

Plain JSON in.
Real video out.

Elements are pure data — position, timing, animation curves, theme tokens. AI generates it; you edit every field. The renderer is identical for preview and export. No surprises.

Version-controllable plain JSON
AI-generated or hand-crafted
Same engine: preview = MP4 export
project.json
{
  "type": "flow-node",
  "start": 0.4, "end": 8,
  "props": {
    "shape": "rounded",
    "fill": "token:colors.primary"
  },
  "animations": { "entry": { "type": "pop" } }
}
cocoplay · teaching-demo.json
0:00.00 / 0:16.00
Capabilities

Built for motion, not slides

Everything a serious explainer needs — from animated code edits to flowchart connectors.

AI generation

Describe your video and GPT-4o builds a complete multi-scene project — gradients, glow, charts, flow nodes — in seconds.

Timeline engine

Every element has its own start/end timing. Preview and export agree frame-for-frame. A pure function of (project, time).

Real layering

Background, midground, foreground with z-index. Dozens of elements animate at once — not a slideshow.

Flow diagrams

Auto-routed animated connectors between nodes, draw-on paths, orthogonal and curved routing — all from JSON.

Animated charts

Bar and line charts that draw themselves in. Pass a simple data array — the renderer handles animation.

MP4 export

One click to export. Same renderer as the live preview produces a pixel-stable H.264 video file.

Free to start · No credit card

Ready to build your first
motion video?

Sign up in seconds. Generate your first AI-powered animated presentation right away.