ASCII Hero

Interactive 3D hero backgrounds rendered as live ASCII characters. Twelve shapes, custom glyphs, light & dark themes. Built in Framer with three.js.

ASCII Hero — Features

• 12 shapes — Knot, Torus, Sphere, Earth, Mars, Box, Icosahedron, Capsule, Stripes, Framer Logo, Waves, Blob

• Real Earth — actual NASA-derived continents with separate Land / Sea colors

• Sphere textures — Plain, Rings, or Halftone

• Custom character set — any glyphs, dark → bright

• Cursor steering + auto-spin with speed control

• Theme-aware colors — bind to color styles, flips with light/dark mode

• Position & zoom — place the shape anywhere, even off-canvas

• Performance-minded — pauses offscreen, static frame on canvas, respects reduced motion