Digital Rain text animation: the word aimotions animated in this style
183InterfaceCanvas

Digital Rain

Columns of green glyphs pour down a black screen; wherever a stream crosses the letters, glyphs lock and glow until the word stands inside the rain. The cyberpunk falling-code look for tech, security and hacker themes.

Prompt · replace [TEXT]

Tool-agnostic
Fill a black screen with digital rain and resolve [TEXT] inside it. Dense vertical columns of monospaced glyphs (digits, capitals, math symbols and mirrored letters) stream downward at different speeds; each stream has a bright white-green head glyph that changes as it moves and a long tail that fades to dark green. Wherever a stream passes over the letterforms of [TEXT], those glyphs lock in place and glow a brighter, steady phosphor green, so the word gradually materializes out of the rain while everything around it keeps falling. Hold the resolved word for a few seconds, then let its glyphs dissolve back into the rain and loop. Add faint scanlines and a vignette.

Visual DNA

  • Dense columns of falling glyphs with white-hot heads and long fading tails
  • Original glyph set: digits, capitals, symbols and mirrored letters in mono type
  • Phosphor-green palette on black with a dark green persistence
  • Word cells lock and glow as streams pass, then dissolve back into the rain
  • Subtle scanlines and vignette
Category
Sci-fi UI & Modern Web
Demo built with
Canvas
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 Digital Rain 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 →

185InterfaceWebGL

Gradient Mesh Hero

gradient mesh · mesh gradient animation · animated gradient background · fluid gradient

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 ♥