Explainer video inspiration

Animations that teach: science and product explainers, step-by-step walkthroughs, maths and process diagrams. Notice how the good ones show one idea at a time, so the eye never has two things to read at once.

That's 53 of the 358 pieces on the motion design inspiration board. Drag in any direction to see them all, and open any piece for the prompt behind it.

Browse by style

Turn inspiration into a prompt

Pick two or three pieces and name exactly what you like in each: a grid, a palette, how a word lands, how long a frame holds. Then write those parts into a prompt about your own subject. Our guide on using the board for motion design inspiration walks through an example, and the Motion Prompts directory lists every piece with its prompt.

Questions

What is motion design?: Motion design is graphic design that moves: type, shapes, interfaces, charts and 3D animated to tell a story or explain an idea. It covers title sequences, logo animations, explainer videos, product films and the small animations inside apps and websites.
Where can I find motion design inspiration?: This board puts every piece in our Motion Prompts directory in one place you can drag in any direction, and every style has its own page, such as kinetic typography or logo animation. Open a piece to see how it was made, then name the parts you like in your own prompt.
Were these animations made with AI?: Yes. Every piece started as a prompt to Claude, most often Opus 5.5 in Claude Code, which wrote the animation as HTML, CSS, SVG, canvas or three.js code that was then rendered to video. Each entry shows the prompt, or links to the creator's post when they didn't share it.
Can I use these animations and prompts?: The pieces marked Made by us are CC0: use the prompts and videos however you like. Community pieces belong to their creators, who are credited and linked on every entry, so use them for inspiration and credit them if you share their work.
How do I get my work on the board?: Email a link to your post to maxprehoda@gmail.com. Pieces made with Claude are added to the Motion Prompts directory, which puts them on the board. Creators can ask for a piece to be changed or removed at any time.

Motion design inspiration

Explainer video inspiration

53 examples made with Claude, each with its prompt. Drag anywhere to explore.

Browse the directory

DNA Helix Explainer

Made by us · CC0

Prompting Mistakes Tutorial Video

by @henkvaness

TV Weather Forecast

Made by us · CC0

Western Civilization in Two Minutes

by @IterIntellectus

Flat Character Explainer

Made by us · CC0

DistilBook Product Explainer

by @sudo_kiran

Blueprint Technical Drawing

Made by us · CC0

Sand Art History

by @Michaelzsguo

Neural Network Explainer

Made by us · CC0

3D Lens Lab

by @RyanSael

Flat Vector Science Explainer

Made by us · CC0

Cell to Quantum Fields Zoom

by @paraschopra

History Timeline

Made by us · CC0

Market Street 1906 in Blender

by @alexalbert__

Isometric Hairline

Made by us · CC0

AI Data Centre 3D Tour

by @Sayan_shanky

Whiteboard Marker Doodle

Made by us · CC0

Steam New Releases Recap

by @gigabit_million

Monoline Icon Explainer

Made by us · CC0

30-Second Business Explainer

by @alex_prompter

Editorial Data Story

Made by us · CC0

Anuprerna Textiles Brand Explainer

by @AmitSingha89

Blueprint Technical Drawing

Made by us · CC0

First & 10 Yellow Line Explainer

by @blueoctopusai

Pelican Shell Explainer

by @goodside

Brass Orrery

Made by us · CC0

DistilBook Product Explainer

by @sudo_kiran

History Timeline

Made by us · CC0

Talking Head to Line-Art Explainer

by @AxtonLiu

Material Container Transform

Made by us · CC0

DeFi Saver Stop-Motion Explainer

by @_nikolajankovic

Islamic Geometric Pattern

Made by us · CC0

Sun-to-Eye Photon Journey

by @apoorvjain25

$Math Explainer: explainer animation made with Claude$

Math Explainer

Made by us · CC0

Token Bucket Rate Limiter Diagram

by @ParkerRex

Editorial Data Story

Made by us · CC0

Battle of Austerlitz Film

by @WinterArc2125

DNA Helix Explainer

Made by us · CC0

Derivatives Concept Explainer

by @LinearUncle

TV Weather Forecast

Made by us · CC0

White Russian Recipe Animation

by @Sarut0biSasuke

Brass Orrery

Made by us · CC0

Morocco Political History Timeline

by @TrigLyceee

Exploded View

Made by us · CC0

Replica Symmetry Breaking Whiteboard

by @tak3sh8

Neural Network Explainer

Made by us · CC0

Whiteboard Skill Tutorial Video

by @lemomo_ai

Flat Vector Science Explainer

Made by us · CC0