CodeariaAcademy
Workshop

$ open workshop/motion-prompts

Motion Prompt Library

Motion video prompts with examples

Clips an AI built in code, and the prompts behind them. Watch how they move, then take the prompt into Claude Code.

269 clips · 186 open to everyone · new ones every week

Watch the clips
269 clips

Motion graphics prompts for Claude, with video examples

Pick a clip by category or style, such as a product launch, a logo reveal or a 3D scene. Hover to see it move and open the card: it holds the whole clip and the full prompt. Paste the prompt into Claude Code, ask it to build the animation with HyperFrames or Remotion and render to MP4, then swap the product, colours and copy for yours.

How to use it

  1. 1Filter the clips by category, style or a search word
  2. 2Open a card and watch the whole clip
  3. 3Paste the prompt into Claude Code and swap in your product, colours and copy

The details

Clips in the library
Over 250, growing
Categories
Motion graphics, explainers, 3D scenes, games and interactive
How the clips are made
Claude Opus, Fable and Gemini write the animation in code: canvas, SVG, GSAP, Three.js, shaders
Access
60% of clips and prompts open to everyone, 40% with Pro; every card has a preview
Source
Creators' public posts on X; every clip credits its creator

Common questions

Can Claude make motion video without After Effects?

Yes. Claude writes the animation in code: HTML with canvas or SVG, GSAP, Three.js for 3D. The scene is then recorded to video with Remotion, HyperFrames or a browser screen capture. Every clip in the library was made this way, without editing software.

How do I recreate a clip with my own product?

Copy the prompt, paste it into Claude Code and replace the product name, colours and copy with yours. The model keeps the scene structure, the rhythm and the transitions. If the result drifts, ask it to fix one specific scene rather than rewrite everything.

Whose prompts and videos are these?

The prompts and original clips were published by their creators on X. Every clip credits its creator. We select the clips, describe them and sort them into categories, so the example you need takes seconds to find.

What does Pro include?

Every clip has an open preview. The full clips and prompts for 40% of the library come with a Codearia Pro subscription, together with the locked backgrounds in the Gradient Lab and the other subscriber material.

Other apps

The whole workshop
MCP servers for Claude Code, Cursor and VS CodeMCP Config GeneratorHow to add an MCP server to Claude Code, Cursor and VS CodeCLAUDE.md, permissions and skills for your repoCLAUDE.md BuilderHow to write a CLAUDE.md for your projectAny error in plain words, plus a fix promptError ExplainerWhat this error means and how to ask Claude Code to fix itLayered backgrounds in plain CSSGradient LabA good gradient background for a website, in plain CSSFrame, size and formatCrop and convertCrop an image for a preview and convert it to WebPInvisible characters from modelsText cleanupRemove invisible characters from AI-generated textThe bill for what surrounds the modelHarness costWhat the opening context of Claude Code and MCP servers costs