Prompt MotionPrompt Motion

THE TEMPLATE WORKSHOP

Prompt motion templates for ideas that move.

Explore Prompt Motion templates for kinetic typography, SaaS showreels, charts, and logo reveals. Customize copy, color, and timing for Claude or Cursor.

4 tested starting points3 aspect ratiosPrompt + HTML reference

THE STARTING POINTS

Choose a visual language

Start with the motion pattern closest to your job. Every reference is a small, inspectable HTML study with a prompt you can reshape.

MAKEIT MOVE.A SMALL SHIFT. A DIFFERENT FEELING.

01 / Tested reference code

Kinetic Typography

Two bold lines, one small shift. Give a launch, announcement, or personal statement a rhythm of its own.

Remix this template
OrbitA calmer way to work01Plan together02Find your focus03Keep things moving

02 / Tested reference code

SaaS Showreel

Introduce your product, bring its benefits into focus, and close with a memorable line. A compact launch sequence in three acts.

Remix this template
Weekly progressMonTueWedThuFriSatSunIllustrative data

03 / Tested reference code

Charts & Dashboards

Seven values, a shared baseline, and a little movement. Turn illustrative data into a clear visual story.

Remix this template
FORM / STUDIO

04 / Tested reference code

Logo Reveals

Build a fictional identity from simple geometry. Shape the symbol, set the wordmark, and choose how it arrives.

Remix this template

FROM IDEA TO FIRST FRAME

A template is a prompt with decisions already made.

Remix turns a visual direction into a useful brief. Your edits stay in the browser until you copy or download them.

  1. 01

    Pick the rhythm

    Choose typography, product, data, or identity motion based on the story you need to tell.

  2. 02

    Make it yours

    Change copy, palette, format, labels, and timing while the underlying motion rules stay legible.

  3. 03

    Take the prompt with you

    Copy the structured prompt into Claude, Cursor, or another coding assistant, then iterate in your own project.

START WITH THE JOB

Which template should you open first?

Use the content goal to choose a starting point. You can always switch direction later.

BEFORE YOU REMIX

Questions about Prompt Motion templates

What are Prompt Motion templates?

They are editable starting points for code-driven motion graphics. Each one combines a visual reference, a tested HTML implementation, and a structured prompt you can customize.

Which coding assistants can I use?

The prompts are written for Claude and Cursor, but the structure is plain text. You can paste it into another coding assistant that can work with HTML, SVG, CSS, or JavaScript.

Can I download the reference code?

Yes. Every template detail page links to its original standalone HTML reference. It is useful for studying timing and composition alongside the remixed prompt.

Do templates render a finished video?

No. Remix prepares a prompt and the reference HTML demonstrates the motion. Use your coding assistant and your own render workflow to create the final animation.

KEEP LEARNING

Want the principles behind the prompts?

Read the motion graphics guide for timing curves, layout constraints, and a practical way to brief a coding assistant.

Read the motion graphics guide