Sine Wave Ribbon Text text animation: the word aimotions animated in this style
108KineticWebGL

Sine Wave Ribbon Text

Stacked satin ribbons printed with the repeated word ripple on phase-shifted sine waves, like a field of flags in the wind, around one large hero ribbon. A classic kinetic-type loop for music visuals, event openers and banners.

Prompt · replace [TEXT]

Tool-agnostic
Fill the frame with a stack of horizontal satin ribbons, each printed edge to edge with [TEXT] repeated in a wide geometric bold sans, staggered like brickwork. One taller cream ribbon in the middle carries [TEXT] alone, huge and dark. Every ribbon undulates on a slow sine wave traveling left to right, with the phase shifted a little from one ribbon to the next so the whole field ripples diagonally like flags in wind; letters bend with the cloth, compress on the slopes and the ribbon thickness breathes slightly. Shade it like satin: bright highlight on crests, darker troughs. Ribbon colors run from deep blue through violet and magenta to coral and amber over a near-black indigo background. Gusts swell and calm on a seamless loop.

Visual DNA

  • Nine horizontal ribbons, each printed with the repeated word
  • Every ribbon follows its own phase-shifted sine wave
  • Satin shading: crests catch a highlight, troughs fall into shadow
  • Cool-to-warm ribbon gradient around a cream hero ribbon
  • Gusts swell and calm on a seamless loop
Category
Kinetic Typography
Demo built with
WebGL
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 Sine Wave Ribbon Text 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 →

109KineticCSS

Slice & Split

sliced text animation · split text effect · text slice transition · horizontal band split

Details →
111KineticCSS

Stomp Cut Edit

stomp text animation · fast cut typography · beat synced text · punchy promo titles

Details →
023InkWebGL

Ink in Water

ink in water effect · ink drop animation · smoke text reveal · fluid ink title

Details →
120MaterialWebGL

Gold Foil Emboss

gold foil text · hot foil stamping · embossed gold letters · luxury gold type

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 ♥