Pixel Sorting Drip text animation: the word aimotions animated in this style
073AnalogWebGL

Pixel Sorting Drip

A pixel-sorting text effect: pixels under each letter are sorted by brightness, so the word drips long gradient streaks over a sunset, then pulls them back. A hallmark of glitch art for album covers, posters and music visuals.

Prompt · replace [TEXT]

Tool-agnostic
Apply a pixel-sorting glitch to [TEXT]. Set [TEXT] in a heavy wide geometric sans, pure white, over a banded sunset gradient that runs from deep indigo through magenta and coral to gold, with a soft glowing sun. In every pixel column, take the run of pixels that starts at the bottom edge of each letter and continues downward, and sort it by brightness, brightest first, so each letter melts into straight vertical streaks that fade from white into the background colors. Sort bright background patches the opposite way into shorter bars. Animate the drips growing down column by column at slightly different speeds, hold, then retract them back into crisp letters. Keep the letters themselves readable. Loop every 8 seconds.

Visual DNA

  • Vertical streaks of sorted pixels hanging from the bottom of each letter
  • Smooth brightness gradients inside every streak, white fading into color
  • Bright background areas sorted the opposite way into shorter bars
  • Column-by-column timing so the drips grow at different speeds
  • Purple, magenta, orange and gold sunset gradient behind white type
Category
Analog Video & Glitch
Demo built with
WebGL
Energy
Lively
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 Pixel Sorting Drip 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 →

Related styles

All Analog styles →

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 ♥