Skip to main content

CLAUDE MOTION TUTORIAL

How to use Claude Motion, step by step

The official flow inside Claude, plus the same result on any plan with Claude Code — from first prompt to MP4.

Try it on any planSee examples

From $19.9/mo · Works with Claude Code & Codex · Independent, not affiliated with Anthropic

A paid Creator or Studio subscription is required. There is no Free plan.

HYPERFRAMES TIMELINE · 0:24 / 2:10

TEXT

TitleCallout

CHARTS

Organic barsChannel filter

INTERACTIONS

QuizDrag match

AUDIO

Music bed · voiceover

RUNS ON YOUR OWN CLAUDE CODE OR CODEX · BUILT ON HYPERFRAMES · MP4 + INTERACTIVE WEB

Inside Claude (Team & Enterprise)

  • Start a Motion

    Output → Motion, or the Motion template.

  • Give it a goal

    Who it's for and the one thing to explain.

  • Revise and export

    Ask for changes, then export MP4.

Based on Anthropic's public docs (Oct 9, 2026). Not tested by us.

Try it on any plan
  1. 01In a chat choose Output → Motion, or pick the Motion template in Artifacts.
  2. 02Attach your material and say who it's for and the one thing to explain.
  3. 03Review the first version; ask for changes in chat or the editor.
  4. 04Export MP4 or share inside your workspace.

Inside Claude Code (any plan)

  • Drop in anything

    Docs, scripts, lesson notes, PPTs or a rough idea.

  • Pick a motion style

    Every style previews on your own content first.

  • Built by your own agent

    Claude Code or Codex writes it — visuals cost no credits.

Try it on any plan

Polish it on a HyperFrames timeline

  • Trim and retime

    Move clips and change timing on a HyperFrames timeline.

  • Swap in blocks

    Charts, captions and transitions from the HyperFrames catalog.

  • Or just ask

    Tell Claude Code what to change; it edits the same composition.

Try it on any plan

Start from a motion style

Every style comes with charts, filters, quizzes and drag-and-drop. Or let your agent design freely.

An animated story. Pick several looks you like; your agent matches one to the content.

No packages download while browsing.

Match and create
Browse all motion styles

All the features you need

  • Motion styles

    Pick a style or let your agent design freely.

  • Animated charts

    ECharts built in, styled to match.

  • Quizzes & drag-and-drop

    Interactive by default.

  • HyperFrames timeline

    Edit clips, timing and blocks.

  • Voiceover

    English and Chinese, brand names said right.

  • Music

    Generate now or add later.

  • Share links

    Public or password, with stats.

  • MP4 render

    Local and deterministic.

How to use Claude Motion on any plan

  1. 1Paste the one-line install into Claude Code or Codex.
  2. 2Drop in your doc and pick a motion style — choose music now or later.
  3. 3Fine-tune on the HyperFrames timeline, then render MP4 or share a link.
Install Claude Motion: run npx -y claudemotion@latest setup and follow the output.

First run opens your browser to sign in — one click, no terminal.

Your questions, answered

How long can a Motion be?

Anthropic hasn't published a maximum; 30 seconds is the example in its docs.

Explore more

From first prompt to MP4 in minutes

Try it on any plan