Skip to main content

ANIMATE CLAUDE ARTIFACTS

Turn Claude artifacts into motion you can export

Artifacts are great interactive pages — but no timeline and no MP4. Claude Motion adds both, on any plan with Claude Code.

Animate an artifactSee 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

Artifact vs Motion vs Claude Motion

  • Keep the interactivity

    Charts, quizzes, filters.

  • Add a timeline

    Retime and trim on HyperFrames.

  • Export MP4

    Render locally.

Animate an artifact
HTML ARTIFACTMOTION (TEAM/ENT.)CLAUDE MOTION
InteractiveYesNoYes
TimelineNoEditorHyperFrames timeline
MP4 exportNoYesYes
PlanAnyTeam / EnterpriseAny plan with Claude Code

Start from what you already asked Claude

  • 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.

Animate an artifact

Export what an artifact can't

  • Render MP4

    Deterministic HyperFrames render on your own computer.

  • Share a link

    Public or password links with views and quiz stats.

  • Music & voiceover

    Add now or later — natural English and Chinese voices.

Animate an artifact

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 animate a Claude artifact

  1. 1Save your artifact's content (or the doc behind it) to a folder.
  2. 2Ask Claude Code with Claude Motion installed to turn it into motion.
  3. 3Fine-tune on the timeline and render MP4.
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

Can I export an artifact as video?

Not directly. Screen-record it, use Motion on Team/Enterprise, or use Claude Motion for MP4.

Explore more

Give your artifact a timeline

Animate an artifact