AI CSS Animations

Blog · · Maxwell Prehoda

Motion Design Inspiration: 258 Pieces Made With Claude on One Endless Board

Most motion design galleries are lists. You read a title, open a page, wait for a video, go back. For motion that's backwards: you should see the thing move first and read about it second.

So we put every piece in our Motion Prompts directory on one board. It has no edges. Drag it in any direction, scroll it, or use the arrow keys, and it keeps going. Click anything that catches your eye and you get the prompt behind it.

Open the inspiration board →

Why a board

Godly, the web design gallery, put its whole collection on a canvas you drag around, and it's the best way we've found to browse visual work. You don't search, because you don't know what you're looking for yet. You wander until something stops you. That works even better for motion, where a still frame tells you very little.

What's on it

258 pieces, every one of them made with Claude, almost all with Opus 5.5.

  • 50 style prompts of ours. Swiss grids, Bauhaus, split-flap boards, liquid glass, synthwave and more. Each one plays on the board as it slides into view, because the video is what Claude made from that exact prompt. They're CC0, so use them however you like.
  • 208 pieces from creators on X. These show the post's thumbnail with an X badge. X doesn't let other sites play its videos, so open the piece and its entry plays the creator's original post, with credit and, where the creator shared it, the full prompt.

Press F to filter. Product UI and kinetic type are the biggest groups, followed by music videos, explainers, showreels and 3D. The button next to the filter takes you back to the middle if you wander off.

From inspiration to a prompt

A board is only useful if it changes what you make. The trap is to find a piece you like and paste its prompt as is. You get a copy of someone else's video. What works better is picking two or three pieces and naming exactly what you like in each, then writing those parts into a prompt about your own subject.

Here are three of ours, and the one thing taken from each:

Put together for an event title, that becomes:

Make a 15-second title sequence for [event name], [date], [city].

Look: a Swiss-style 12-column grid that shows for the first second, grotesque type set flush left, and a Constructivist palette of red, black and bone, with one diagonal bar that cuts across the layout.
Motion: shapes move on twos, like cut paper, with a snappy ease-out and a short hold after every move. Nothing floats, glows or drifts.
Structure: four beats. The grid draws in. The name lands. The date and city stack under it. Everything locks to the grid and holds for two seconds.
Build it as one HTML file, 1920x1080, with every frame computed from seek(t). Render one frame per beat and check them before you show me.

None of the three style names appear as the whole instruction. "Make it Swiss" gets you the model's average idea of Swiss. "A 12-column grid that shows for the first second, type set flush left" gets you the part you actually liked. The same goes for timing: "on twos, with a short hold after every move" is something the model can build, where "snappy" alone is a guess.

A few habits that help when you're browsing:

  • Note the moment, not the piece. Usually it's one transition or one hold that grabbed you. Describe that.
  • Steal from different groups. A product video paced like a title sequence looks fresher than one paced like every other product video.
  • Read the prompt after you've watched. Many of the best pieces came from short prompts and a lot of revision. The prompt tells you where they started, not how they finished.

How the board works

For the builders: the board is a grid that never ends because each cell picks its piece from its own coordinates, so there's nothing to run out of. Our videos sit on every other cell, spread so the same piece never lands next to itself. Only the tiles on screen load a video, and they drop it when they leave, so the board stays smooth however far you drag. If your system asks for reduced motion, pieces play only when you point at them.

Get your work on it

If you've posted motion design you made with Claude, email the link to maxprehoda@gmail.com and we'll add it to the directory, which puts it on the board too. Creators can also ask for a piece to be changed or taken down at any time.