# Claude Motion-style examples, rendered for real

Most example pages show a cover image. These are the actual videos, rendered exactly as the tools produce them, with sample data. Hover a card to play it.

## What you are looking at

The first 104 are whole videos by use case: a lesson, a board update, a launch teaser, a pitch, release notes and more. Each mixes scene types (comparisons, cards with icons, line and bar charts, picture scenes) and has pictures drawn in the look of its style.

Below them, the same six scenes appear in every one of the styles, so you can compare looks rather than content.

The numbers and names are sample data, written to be obviously fictional.

### Photosynthesis in one minute

Made in Chalk Lesson. 7 scenes, 2 pictures drawn for it.

### Q3 board update

Made in Ledger. 7 scenes, 2 pictures drawn for it.

### App launch teaser

Made in Kinetic Poster. 7 scenes, 2 pictures drawn for it.

### Security basics for new hires

Made in Aubergine. 6 scenes, 2 pictures drawn for it.

### Seed pitch in a minute

Made in Quiet Keynote. 6 scenes, 2 pictures drawn for it.

### API release notes

Made in Terminal. 6 scenes, 2 pictures drawn for it.

### Why sleep matters

Made in Paper Editorial. 7 scenes, 2 pictures drawn for it.

### How the cache layer works

Made in Blueprint. 6 scenes, 2 pictures drawn for it.

### Conference recap

Made in Sunrise. 6 scenes, 2 pictures drawn for it.

### Explaining a pricing change

Made in Harbor. 6 scenes, 2 pictures drawn for it.

### Hiring plan for next year

Made in Midnight. 6 scenes, 2 pictures drawn for it.

### Team retrospective

Made in Pastel Shapes. 6 scenes, 2 pictures drawn for it.

### Annual report to residents

Made in Newsprint. 7 scenes, 2 pictures drawn for it.

### Recycling at home

Made in Botanical. 6 scenes, 2 pictures drawn for it.

### Game update notes

Made in Neon Night. 6 scenes, 2 pictures drawn for it.

### Product tour: shared inbox

Made in Clay. 6 scenes, 2 pictures drawn for it.

### Design review: new packaging

Made in Riso Print. 6 scenes, 2 pictures drawn for it.

### Market entry: go or no-go

Made in Boardroom. 7 scenes, 2 pictures drawn for it.

### Brand story: a tea house

Made in Ink Brush. 6 scenes, 2 pictures drawn for it.

### Science fair results

Made in Sticker. 6 scenes, 2 pictures drawn for it.

### Photosynthesis in one minute

Made in Ledger. 7 scenes, 2 pictures drawn for it.

### Photosynthesis in one minute

Made in Newsprint. 7 scenes, 2 pictures drawn for it.

### Photosynthesis in one minute

Made in Quiet Keynote. 7 scenes, 2 pictures drawn for it.

### Q3 board update

Made in Graph Paper. 7 scenes, 2 pictures drawn for it.

### Q3 board update

Made in Sticker. 7 scenes, 2 pictures drawn for it.

### Q3 board update

Made in Pixel. 7 scenes, 2 pictures drawn for it.

### App launch teaser

Made in Clay. 7 scenes, 2 pictures drawn for it.

### App launch teaser

Made in Terminal. 7 scenes, 2 pictures drawn for it.

### App launch teaser

Made in Botanical. 7 scenes, 2 pictures drawn for it.

### Security basics for new hires

Made in Kinetic Poster. 6 scenes, 2 pictures drawn for it.

### Security basics for new hires

Made in Pastel Shapes. 6 scenes, 2 pictures drawn for it.

### Security basics for new hires

Made in Paper Editorial. 6 scenes, 2 pictures drawn for it.

### Seed pitch in a minute

Made in Midnight. 6 scenes, 2 pictures drawn for it.

### Seed pitch in a minute

Made in Riso Print. 6 scenes, 2 pictures drawn for it.

### Seed pitch in a minute

Made in Sunrise. 6 scenes, 2 pictures drawn for it.

### API release notes

Made in Newsprint. 6 scenes, 2 pictures drawn for it.

### API release notes

Made in Quiet Keynote. 6 scenes, 2 pictures drawn for it.

### API release notes

Made in Signal. 6 scenes, 2 pictures drawn for it.

### Why sleep matters

Made in Sticker. 7 scenes, 2 pictures drawn for it.

### Why sleep matters

Made in Pixel. 7 scenes, 2 pictures drawn for it.

### Why sleep matters

Made in Boardroom. 7 scenes, 2 pictures drawn for it.

### How the cache layer works

Made in Terminal. 6 scenes, 2 pictures drawn for it.

### How the cache layer works

Made in Botanical. 6 scenes, 2 pictures drawn for it.

### How the cache layer works

Made in Chalk Lesson. 6 scenes, 2 pictures drawn for it.

### Conference recap

Made in Pastel Shapes. 6 scenes, 2 pictures drawn for it.

### Conference recap

Made in Paper Editorial. 6 scenes, 2 pictures drawn for it.

### Conference recap

Made in Aubergine. 6 scenes, 2 pictures drawn for it.

### Explaining a pricing change

Made in Riso Print. 6 scenes, 2 pictures drawn for it.

### Explaining a pricing change

Made in Sunrise. 6 scenes, 2 pictures drawn for it.

### Explaining a pricing change

Made in Neon Night. 6 scenes, 2 pictures drawn for it.

### Hiring plan for next year

Made in Quiet Keynote. 6 scenes, 2 pictures drawn for it.

### Hiring plan for next year

Made in Signal. 6 scenes, 2 pictures drawn for it.

### Hiring plan for next year

Made in Blueprint. 6 scenes, 2 pictures drawn for it.

### Team retrospective

Made in Pixel. 6 scenes, 2 pictures drawn for it.

### Team retrospective

Made in Boardroom. 6 scenes, 2 pictures drawn for it.

### Team retrospective

Made in Glass. 6 scenes, 2 pictures drawn for it.

### Annual report to residents

Made in Botanical. 7 scenes, 2 pictures drawn for it.

### Annual report to residents

Made in Chalk Lesson. 7 scenes, 2 pictures drawn for it.

### Annual report to residents

Made in Harbor. 7 scenes, 2 pictures drawn for it.

### Recycling at home

Made in Paper Editorial. 6 scenes, 2 pictures drawn for it.

### Recycling at home

Made in Aubergine. 6 scenes, 2 pictures drawn for it.

### Recycling at home

Made in Ink Brush. 6 scenes, 2 pictures drawn for it.

### Game update notes

Made in Sunrise. 6 scenes, 2 pictures drawn for it.

### Game update notes

Made in Ledger. 6 scenes, 2 pictures drawn for it.

### Game update notes

Made in Newsprint. 6 scenes, 2 pictures drawn for it.

### Product tour: shared inbox

Made in Signal. 6 scenes, 2 pictures drawn for it.

### Product tour: shared inbox

Made in Blueprint. 6 scenes, 2 pictures drawn for it.

### Product tour: shared inbox

Made in Graph Paper. 6 scenes, 2 pictures drawn for it.

### Design review: new packaging

Made in Boardroom. 6 scenes, 2 pictures drawn for it.

### Design review: new packaging

Made in Glass. 6 scenes, 2 pictures drawn for it.

### Design review: new packaging

Made in Clay. 6 scenes, 2 pictures drawn for it.

### Market entry: go or no-go

Made in Chalk Lesson. 7 scenes, 2 pictures drawn for it.

### Market entry: go or no-go

Made in Harbor. 7 scenes, 2 pictures drawn for it.

### Market entry: go or no-go

Made in Kinetic Poster. 7 scenes, 2 pictures drawn for it.

### Brand story: a tea house

Made in Aubergine. 6 scenes, 2 pictures drawn for it.

### Brand story: a tea house

Made in Midnight. 6 scenes, 2 pictures drawn for it.

### Brand story: a tea house

Made in Riso Print. 6 scenes, 2 pictures drawn for it.

### Science fair results

Made in Neon Night. 6 scenes, 2 pictures drawn for it.

### Science fair results

Made in Ledger. 6 scenes, 2 pictures drawn for it.

### Science fair results

Made in Newsprint. 6 scenes, 2 pictures drawn for it.

### Photosynthesis in one minute

A look of its own: the Cream and Forest palette on the Botanical layout. 7 scenes, 2 pictures drawn for it.

### Q3 board update

A look of its own: the Deep Navy palette on the Ledger layout. 7 scenes, 2 pictures drawn for it.

### App launch teaser

A look of its own: the Black Tangerine palette on the Sticker layout. 7 scenes, 2 pictures drawn for it.

### Security basics for new hires

A look of its own: the Storm palette on the Ledger layout. 6 scenes, 2 pictures drawn for it.

### Seed pitch in a minute

A look of its own: the Porcelain Blue palette on the Botanical layout. 6 scenes, 2 pictures drawn for it.

### API release notes

A look of its own: the Graphite palette on the Ledger layout. 6 scenes, 2 pictures drawn for it.

### Why sleep matters

A look of its own: the Midnight Teal palette on the Paper Editorial layout. 7 scenes, 2 pictures drawn for it.

### How the cache layer works

A look of its own: the Ink and Mint palette on the Newsprint layout. 6 scenes, 2 pictures drawn for it.

### Conference recap

A look of its own: the Plum and Gold palette on the Sticker layout. 6 scenes, 2 pictures drawn for it.

### Explaining a pricing change

A look of its own: the Mint and Navy palette on the Botanical layout. 6 scenes, 2 pictures drawn for it.

### Hiring plan for next year

A look of its own: the Stone and Violet palette on the Ledger layout. 6 scenes, 2 pictures drawn for it.

### Team retrospective

A look of its own: the Butter and Ink palette on the Sticker layout. 6 scenes, 2 pictures drawn for it.

### Annual report to residents

A look of its own: the Bottle Green palette on the Newsprint layout. 7 scenes, 2 pictures drawn for it.

### Recycling at home

A look of its own: the Sage and Clay palette on the Botanical layout. 6 scenes, 2 pictures drawn for it.

### Game update notes

A look of its own: the Carbon Lime palette on the Kinetic Poster layout. 6 scenes, 2 pictures drawn for it.

### Product tour: shared inbox

A look of its own: the Night Coral palette on the Sticker layout. 6 scenes, 2 pictures drawn for it.

### Design review: new packaging

A look of its own: the Peach and Cocoa palette on the Paper Editorial layout. 6 scenes, 2 pictures drawn for it.

### Market entry: go or no-go

A look of its own: the Royal palette on the Ledger layout. 7 scenes, 2 pictures drawn for it.

### Brand story: a tea house

A look of its own: the Espresso palette on the Paper Editorial layout. 6 scenes, 2 pictures drawn for it.

### Science fair results

A look of its own: the Lemon and Black palette on the Chalk Lesson layout. 6 scenes, 2 pictures drawn for it.

### App launch teaser

A look of its own: the Lemon and Black palette on the Kinetic Poster layout. 7 scenes, 2 pictures drawn for it.

### Seed pitch in a minute

A look of its own: the Cloud and Emerald palette on the Ledger layout. 6 scenes, 2 pictures drawn for it.

### Hiring plan for next year

A look of its own: the Slate Rose palette on the Newsprint layout. 6 scenes, 2 pictures drawn for it.

### Brand story: a tea house

A look of its own: the Linen and Olive palette on the Botanical layout. 6 scenes, 2 pictures drawn for it.

## The same six scenes in every style

### Paper Editorial

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

### Blueprint

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

### Kinetic Poster

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

### Quiet Keynote

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

### Chalk Lesson

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

### Ledger

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

### Terminal

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

### Sunrise

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

### Glass

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

### Midnight

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

### Pixel

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

### Aubergine

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

### Graph Paper

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

### Pastel Shapes

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

### Signal

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

### Harbor

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

### Newsprint

Off-white paper, black serif headlines and one red rule. Reads like a front page.

### Botanical

Cream paper, sage green and a serif that takes its time. Calm, with watercolour pictures.

### Neon Night

Midnight blue with magenta light. Loud headings, glowing edges, built for a dark room.

### Clay

Warm beige with terracotta and soft round shapes. Friendly without being childish.

### Riso Print

Warm white paper printed in blue and fluorescent pink. Big condensed headings, deliberately a little rough.

### Boardroom

White, navy and one royal blue. Answer-first headings and tidy panels, the way a consultant lays out a page.

### Ink Brush

Rice paper, black ink and a small red seal. A lot of empty space, on purpose.

### Sticker

Sunny yellow, thick black outlines and hot pink. Every panel looks like a sticker.

### Swiss

White, black and one cobalt blue on a strict grid. Tight sans headings and a thick rule above everything.

### Terracotta

Pale sand, burnt clay and a warm serif. Unhurried and hand-made, like a menu you want to keep.

### Arctic

Pale ice blue with deep navy type and one cold accent. Clear, quiet and exact.

### Ember

Warm near-black with a glowing orange accent and rounded heavy type. Feels like something is about to start.

### Lagoon

Deep teal water with pale type and a sunny yellow accent. Relaxed, rounded and easy to follow.

### Gallery

Museum white, black serif type and a bronze accent. Very quiet, with space around every object.

### Candy

Pale pink with deep plum type and a hot magenta accent. Sweet, rounded and upbeat.

### Memo

Dark slate with a monospaced heading and a pale blue accent. Reads like a well-kept internal note.

### Orchard

Pale leaf green with dark type and an apple-red accent. Seasonal and a little rustic.

### Noir

Pure black, tall condensed capitals and a single line of gold. Cinematic and spare.

### Seaside

Pale sand, navy handwriting and a coral accent. Like a page from a holiday sketchbook.

### Denim

Denim blue with white type and an amber accent. Dependable and friendly, for news people need to act on.

### Mint

Pale mint with dark green type, a monospaced heading and one deep green accent. Fresh and precise.

## An example you can click through

The same content model also builds an interactive deck. This one is live in the page: change the chart, answer the quiz, drag the terms.

[Open six more example decks](https://motionforclaude.com/narrated-ppt)

## Questions

Are these made with Anthropic’s Claude Motion?

No. They were built with MotionKit on the open-source HyperFrames renderer, driven by a coding agent. They show the same kind of result: animation written as code.

Can I reuse these examples?

Subscribers get the source project for every example and can copy and rewrite it for their own content.

How long does one take to render?

About a minute for a 28-second 1080p clip on a recent laptop.

## Related

- [Claude Motion vs Runway, HeyGen and Canva](https://motionforclaude.com/claude-motion-vs-runway-heygen-canva)
- [How to make animations with Claude](https://motionforclaude.com/claude-animation)
- [Turn a Claude artifact into a video](https://motionforclaude.com/claude-artifacts-to-video)
- [A Remotion alternative for Claude Code](https://motionforclaude.com/claude-code-remotion-alternative)
- [A Motion Canvas alternative, driven by an agent](https://motionforclaude.com/motion-canvas-alternative)
- [An AI explainer video generator for people with something real to explain](https://motionforclaude.com/ai-explainer-video-generator)
- [Open-source motion skills for Claude Code and Codex](https://motionforclaude.com/claude-code-motion-skills)

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.

---
Source: https://motionforclaude.com/claude-motion-examples
Updated: 2026-10-12
