ns-ui

Background ASCII Caustics

Ambient water-caustics rendered in ASCII ink density — three rotated wave grids combined multiplicatively and sharpened into thin bright filaments, the way overlapping light wave-fronts trace a caustic web, with the pointer acting as a lens the pattern visibly focuses toward.

Use when Pick background-ascii-caustics for a rippling, refracted-light-through-water surface with the pointer reading as a lens the pattern converges toward. background-ascii-plasma is the additive-octave sibling with no directional focusing; background-ascii-wake is for when the pointer's own trail, not an ambient pattern, should be the subject.

Install

npx shadcn add https://design.helpmarq.com/r/background-ascii-caustics.json
  • background
  • ascii
  • canvas
  • cursor
  • caustics
  • water
  • light

ns-ui / background-ascii-caustics — the pointer is a lens, the web focuses toward it

Props

PropTypeDefaultDescription
cellSize?numbergrid cell size in px
className?string