Code animation inspiration

Terminals, editors, commit graphs and algorithms: motion design for developer tools and technical launches.

That's 25 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

Code animation inspiration

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

Browse the directory

Terminal Developer Launch

Made by us · CC0

Nohandslabs Brand Promo

by @robvjourney

Sorting Algorithm

Made by us · CC0

Bug That Won't Be Fixed

by @KamStudioLabs

Code Editor Ghost Text

Made by us · CC0

MotionSites Milestone Launch Video

by @viktoroddy

Git Branch Graph

Made by us · CC0

QueryGlow Launch Video

by @iamMXFSCHR

Git Branch Graph

Made by us · CC0

What Is Git Explainer

by @Yunn260414

Terminal Developer Launch

Made by us · CC0

mdfor.dev Product Intro

by @HO_BA

Sorting Algorithm

Made by us · CC0

Chaotic LLM POV Video

by @kloss_xyz

Sorting Algorithm

Made by us · CC0

Nohandslabs Brand Promo

by @robvjourney

Code Editor Ghost Text

Made by us · CC0

Bug That Won't Be Fixed

by @KamStudioLabs

Git Branch Graph

Made by us · CC0

MotionSites Milestone Launch Video

by @viktoroddy

Terminal Developer Launch

Made by us · CC0

QueryGlow Launch Video

by @iamMXFSCHR

Terminal Developer Launch

Made by us · CC0

What Is Git Explainer

by @Yunn260414

mdfor.dev Product Intro

by @HO_BA

Code Editor Ghost Text

Made by us · CC0

Chaotic LLM POV Video

by @kloss_xyz

Code Editor Ghost Text

Made by us · CC0

Nohandslabs Brand Promo

by @robvjourney

Git Branch Graph

Made by us · CC0

Bug That Won't Be Fixed

by @KamStudioLabs

Terminal Developer Launch

Made by us · CC0

MotionSites Milestone Launch Video

by @viktoroddy

Sorting Algorithm

Made by us · CC0

QueryGlow Launch Video

by @iamMXFSCHR

Sorting Algorithm

Made by us · CC0

What Is Git Explainer

by @Yunn260414

Code Editor Ghost Text

Made by us · CC0

mdfor.dev Product Intro

by @HO_BA

Git Branch Graph

Made by us · CC0

Chaotic LLM POV Video

by @kloss_xyz

Git Branch Graph

Made by us · CC0

Nohandslabs Brand Promo

by @robvjourney

Terminal Developer Launch

Made by us · CC0

Bug That Won't Be Fixed

by @KamStudioLabs

Sorting Algorithm

Made by us · CC0

MotionSites Milestone Launch Video

by @viktoroddy

Code Editor Ghost Text

Made by us · CC0