ASCII Koi Background

Built for ASCII creatures, the sample brand inside the template

ASCII creatures: koi seen from above, drawn as 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 Koi preview: ASCII creatures: koi seen from above, drawn as a grid of 14px character cells on one 2D canvas, as a full-screen animated background.
Open in a new tab

How it moves

Koi seen from above, drawn as a grid of 14px character cells on one 2D canvas. Each fish is a spine of 16 segments that follows its head, so the body bends as a swimmer's does. Cells inside a body are small tinted squares whose glyph (· : + x % #) follows how deep inside the body they sit; fins are filled cells and strokes; a soft halo glows around each fish. The fish steer around the sample text and flee the pointer, which leaves rings of dots spreading out where it moves.

What you get

  • A tested build prompt · 6.2k 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

Koi seen from above, drawn as a grid of 14px character cells on one 2D canvas. Each fish is a spine of 16 segments that follows its head, so the body bends as a swimmer's does. Cells inside a body are small tinted squares whose glyph (· : + x % #) follows how deep inside the body they sit; fins are filled cells and strokes; a soft halo glows around each fish. It fills one full screen behind a short sample headline and line, and runs straight away: the first frame is drawn before the page is shown, so a phone visitor sees it moving within the first second. The fish steer around the sample text and flee the pointer, which leaves rings of dots spreading out where it moves.

  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