Guide · updated 10 October 2026

How to make animations with Claude

Claude can write animation in several ways. Which one fits depends on whether you need a video file and which plan you are on.

1. Ask for an animated artifact

On any plan you can ask Claude in chat for an animated HTML or SVG artifact. It appears beside the conversation and plays in the browser. Good for a quick visual. The limit: it is a web page, not a video file, and there is no timeline.

2. Use Motion, if your workspace has it

Motion is Anthropic’s beta feature for Team and Enterprise that produces an editable animated explainer and exports MP4, inside Claude.

3. Use Claude Code with a renderer

Claude Code, included with Pro and Max, can write a full animation as an HTML file with a timeline. An open-source renderer such as HyperFrames then captures it frame by frame into an MP4 on your computer.

This is the route MotionKit packages: instead of prompting from a blank page, the agent starts from a finished style and a workflow that keeps your numbers exact.

Tips that apply to all three

Give a length. "30 seconds" forces the model to choose what matters.
Say what must not change. "Keep every figure exactly as written."
Ask for a storyboard before any animation.
One idea per scene. If a scene needs two sentences, it is two scenes.

Paper Editorial

Essays, explainers, thought pieces

Warm paper, a serif headline and one rust accent. Unhurried, like a magazine feature.

Blueprint

Architecture, systems, technical walkthroughs

Deep navy grid with cyan linework. Everything is drawn as an outline and wipes on like a plotter.

Kinetic Poster

Launches, promos, social cuts

Black stage, condensed type at poster scale and one acid colour. Words land hard and fast.

Quiet Keynote

Product stories, investor updates

A pale stage, generous space and calm numbers on white cards. One figure owns each frame.

Chalk Lesson

Teaching, tutorials, course modules

A green board with handwritten headings and a yellow highlight. Steps are written out one by one.

Ledger

Reports, metrics reviews, finance

White page, mono figures and a single green for growth. Built so charts stay readable.

Terminal

Dev tools, changelogs, CLI demos

A charcoal terminal window in mono with a green prompt. Lines print in steps, like real output.

Sunrise

Brand reels, announcements, event openers

A coral-to-violet wash with rounded white type. Friendly and bright, with a springy entrance.

Glass

Product stories, premium launches

A pale stage with soft colour in the air and frosted white panels. Calm, expensive-looking, lots of room.

Midnight

Developer products, roadmaps, changelogs

Near-black canvas, hairline borders, tight type and a single lavender glow. Precise and quiet.

Pixel

Tech explainers, playful data stories

Warm cream with orange-to-yellow blocks and square corners. Everything arrives in steps, like pixels lighting up.

Aubergine

Team updates, internal comms, onboarding

Deep purple with warm yellow and chat-bubble panels. Friendly and conversational, like a message from a colleague.

Graph Paper

Technical docs, engineering updates, benchmarks

A light technical grid, mono type and one green for the result that matters. Reads like a careful lab notebook.

Pastel Shapes

Workshops, creative briefs, community posts

Cream paper, playful pastel geometry and mixed round and square shapes. Collaborative and slightly off-grid.

Signal

Announcements, incident reviews, bold statements

Deep black with a slashing red band and heavy white type. Urgent and impossible to skim past.

Harbor

Finance, pricing, business reviews

Deep navy type on pale surfaces with one confident indigo. Trustworthy and tidy, with a soft gradient across the top.

Questions

Can Claude make animations?

Yes. In chat it can write animated HTML or SVG artifacts. In Team and Enterprise workspaces the Motion beta makes editable animated explainers. With Claude Code it can write compositions that render to MP4.

Can Claude export an MP4?

The Motion beta can, on plans that have it. Claude Code can with a local renderer such as HyperFrames. A chat artifact on its own cannot.

Which Claude plan do I need?

Artifacts work on every plan. Motion needs Team or Enterprise. Claude Code comes with Pro and Max.

MotionKit is an independent product and is not affiliated with Anthropic, HeyGen, Runway, Canva, Remotion or Motion Canvas. Product names belong to their owners and are used only to describe and compare.

Make your first motion video tonight

One command, then hand your agent a document.

See plans Read the guide