Motion library
Available nowPreview typography, UI motion, charts, and more. Search by idea, filter by category or source, and copy prompts where provided. Community entries link to the original creator's post.
Browse motion examplesMake your ideas move. With prompts that actually ship.
Curated code-driven animations, production prompts, and open HTML/MP4 sources. Steal the timing, copy the prompts, and make your next project move.
What is Prompt Motion?
Prompt Motion is an AI motion hub and in-browser studio for code-driven animation. We're building a complete workflow for creators and developers—pairing a curated prompt library with an upcoming visual Prompt Builder and browser-based Generator.
Grab any prompt to remix with Claude or Cursor, download standalone HTML to tweak locally, or grab MP4 loops for reference. Soon, you'll be able to structure custom prompts with our builder and export 60fps video directly in your browser—zero server rendering needed. In-house studies are open CC0; community picks link straight to original creators.
Maintained by Prompt Motion · Updated
Explore. Build. Generate.
Start with the motion library. Prompt Builder and Generator are next on our roadmap.
Prompt Builder
Coming soonPlanned: turn your text, palette, and motion preferences into a structured prompt for a coding assistant.
Motion Generator
Coming soonPlanned: create a motion graphic from a prompt. Tell us what you'd like to make to help shape the tool.
Original studies. Ready to adapt.
Each Prompt Motion original includes a complete prompt, editable source, and a video reference.
- Copy the prompt
- Take the composition, colors, and timing to Claude or another coding assistant.
- Download the HTML
- A standalone file you can open in a browser and edit in your code editor.
- Get the MP4
- A silent, six-second video reference at 960 × 600 and 30 fps.
Original studies and their included files are CC0, including for commercial use. Read the CC0 terms
Questions about Prompt Motion
For help writing a brief or planning a sequence, visit the guide.
Read the motion prompt guideAre the motion graphics examples free to use?
Browsing is free. Our original studies and their included files are CC0 for personal or commercial use without attribution. Community work belongs to its creators; check their terms before reuse.
What can I download?
Original studies include HTML source and a reference MP4. Community entries link to the original post. Editing HTML does not update the MP4; exporting your changes needs your own capture or rendering tools.
Do I need Node.js or Remotion to run the code?
No. Original studies are self-contained HTML5 Canvas and CSS files. You can double-click to open them directly in any browser at 60 fps without installing Node.js, npm, or Remotion.
Can I change the text, colors, and animation?
Yes. Download an original study's HTML and change the text, colors, or animation in your code editor. It runs in a browser without Claude. Community entries do not include editable source.
How can I export or record an animation as an MP4 video?
Because the HTML runs in a browser, you can capture it using browser screen recording (like Chrome DevTools or OBS) or tools like macOS QuickTime and Kap. An in-browser WebCodecs MP4 recorder is also planned.
Can I embed these animations into React, Next.js, or my website?
Yes. Since the original studies use vanilla Canvas and standard CSS with zero external dependencies, you can mount the render loop inside a React useEffect or canvas ref, or embed the standalone file with an iframe.
Which AI models work best with these prompts?
Claude 3.5 Sonnet and Claude Opus follow timing curves, physics easing, and zero-dependency constraints most reliably. GPT-4o can also interpret the prompt structures, but Claude produces the most consistent motion code.
Does Prompt Motion generate animations for me?
The library is available now. Prompt Builder and Generator are coming soon. Use the feedback form to tell us what you want to create; it does not generate animations yet.