ASCII Jellyfish Background

Built for ASCII jellyfish, the sample brand inside the template

ASCII jellyfish: jellyfish in near, middle and far layers, swimming up through a grid of 14px character cells on one 2D canvas, as a full-screen animated background.

It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund.

ASCII Jellyfish preview: ASCII jellyfish: jellyfish in near, middle and far layers, swimming up through a grid of 14px character cells on one 2D canvas, as a full-screen animated background.
Open in a new tab

How it moves

Jellyfish seen from the side, drawn as a grid of 14px character cells on one 2D canvas, in three depth layers. Each bell swims in strokes: a quick squeeze that drives it along its axis, a glide with the rim flared, then a slow refill while it hangs. Tentacles and frilled oral arms are chains of points with their own momentum, so they lag, whip and ripple with every stroke. Cells inside a bell are tinted squares whose glyph (· : + x % #) follows how dark the bell is there; tentacles are stroke glyphs (| / \ -) that follow their direction, the arms frill in brackets. The pointer or a finger stirs a current that bends the tentacles and leaves a trail of sparks in the water; jellies near it light up, turn and swim away; a click or tap sends a ring of light through the water.

What you get

  • A tested build prompt · 8.5k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the background section by section.
  • The working projectVite + React. npm install && npm run dev and it runs, no keys or accounts.
  • The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.

Inside the prompt

Jellyfish seen from the side, drifting up through a grid of 14px character cells on one 2D canvas, in three layers: a couple of large ones close to the glass, more in the middle, small faint ones far back. Each bell swims in strokes: a quick squeeze that drives it along its axis, a glide where the rim springs open past its rest shape, then a slow refill while it hangs and sinks a little. Each jelly wanders its own heading, so some rise straight and some lean off to the side. Tentacles and frilled oral arms are chains of points with their own momentum, dragged by the water: they lag behind each stroke, whip after it, and carry a ripple down their length once per pulse. Cells inside a bell are small tinted squares whose glyph (· : + x % #) follows how dark the bell is there; tentacles are threads of stroke glyphs (| / \ -) that follow their own direction, and the oral arms frill in brackets ( { ) }; a soft glow sits under everything. It fills one full screen behind a short title and line, and runs straight away: the first frame is drawn before the page is shown. The pointer (or a finger) stirs a current that spreads and settles, carrying the tentacles and the specks with it, and the disturbed water sparkles where it passes ( + ·); jellies near the pointer light up, turn away and swim off in a hard stroke. A click or tap sends a ring of light and a push through the water, startling every jelly nearby.

  1. What it is
  2. Style
  3. Build steps
  4. Assets
  5. Motion
  6. Make it yours
  7. Launch checklist
  8. Acceptance checks
  9. Files

More like this