Bulge Warp Grid text animation: the word aimotions animated in this style
001ReactiveSVG

Bulge Warp Grid

Op-art text effect: the word is drawn in vertical cream stripes over a field of horizontal lines, and a sphere-like bulge swells under the cursor. A press flips it into a gravity well. Ideal as an interactive website hero title.

Prompt · replace [TEXT]

Tool-agnostic
Draw an op-art composition on near-black: the background is a field of evenly spaced thin horizontal slate lines, and [TEXT] is set in a tall condensed sans filled only with vertical cream stripes, so the word reads purely through the change of line direction. A single smooth bulge distorts everything: lines and stripes swell outward around one point as if a sphere were pushing through the paper, glowing tangerine in the letters and violet in the background at its center. At rest a gentle bulge drifts slowly across the word. On hover the bulge follows the pointer and grows into a large swelling lens, then relaxes back to the small drift when the pointer leaves. A press flips it into a pinching gravity well that wobbles back to a bulge. On touch screens the bulge follows the finger.

Visual DNA

  • Op-art: vertical cream stripes for the letters over horizontal line field
  • Every line and stripe bends through one smooth bulge function
  • Bulge glows tangerine and violet at its center
  • Idle: a gentle bulge drifts across; hover: a big swelling lens
  • Press inverts the bulge into a pinching gravity well that wobbles back
Category
Reactive Styles
Demo built with
SVG
Energy
Calm
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 Bulge Warp Grid 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 →

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 ♥