Stomp Cut Edit text animation: the word aimotions animated in this style
111KineticCSS

Stomp Cut Edit

A stomp text animation: a beat-synced edit hits the word in a new giant layout on every beat, with hard cuts, scale punches and camera shake. Black, white and one orange accent; the classic promo and trailer stomp.

Prompt · replace [TEXT]

Tool-agnostic
Cut a fast stomp edit for [TEXT] to an implied 120 bpm beat. Every beat is a hard cut to a new giant layout in heavy grotesque capitals: the full word filling the width, a cropped two-letter fragment, the rest of the word, the word stacked three times with outlined copies, the word tilted, the word with very wide tracking. Each hit lands with a scale punch (starts slightly oversized and snaps to rest in about a tenth of a second) plus a tiny decaying camera shake; occasional slam-in bars and corner marks add rhythm. Palette strictly black, paper white and one orange accent. Keep backgrounds mostly black with only a few white beats, never strobing. End on two bars of the full word punching on every beat, then loop.

Visual DNA

  • One new layout per beat at 120 bpm, hard cuts only
  • Scale punch on every hit: oversized frame snapping down to rest
  • Decaying camera shake and slam-in bars on the strong beats
  • Heavy grotesque capitals: fragments, stacks, outline rings, wide tracking
  • Black and paper white with a single orange accent
Category
Kinetic Typography
Demo built with
CSS
Energy
Intense
Background
Dark bg

Also known as

Support
Keep aimotions free

No paywall, no sign-up. If a prompt saved you an hour, a coffee keeps new styles coming.

Buy me a coffee

Keys: ← → browse · C copy

Use this style

  1. Step 01Copy the prompt

    It describes the Stomp Cut Edit look (composition, type, palette, texture and timing) without tying you to a tool.

  2. Step 02Replace [TEXT]

    Swap in your word, product name or headline. Short words (4–12 letters) read best in most styles.

  3. Step 03Ask for a format

    Paste it into Claude Opus 5.5, Claude Sonnet 5.5, Claude Fable 5.5, GPT-6 Astra or GPT-6.1 Sol, or a newer model, and request a single HTML file, a component, a shader or a brief. For a hero heading, use “Copy for website title”.

Website titles →Prompt guide →

098KineticCanvas

Echo Trails

echo text effect · repeating text trail · stacked color echo · motion trail typography

Details →

Keep it free.

aimotions has no paywall and no sign-up. It is funded by people who found a style they love. A coffee on Ko-fi helps pay for hosting and the next batch of styles.

Support on Ko-fi ♥