Interactive Contour Lines Shader Background

Interactive contour lines shader background: neon WebGL2 isolines that bend around the pointer and pulse on click. Zero dependencies, five color presets, reduced-motion aware. Use as a hero or section background.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Interactive Contour Lines Shader Background to your project and fits it to your theme.

"use client"

import IsolineBloom from "@/components/ui/isoline-bloom"

export default function Demo() {
  return (
    // w-full matters: 21st centres demos in a flex wrapper, and a flex item
    // left at width:auto shrinks the canvas to 0px wide.
    <div className="relative w-full">
      <IsolineBloom />
    </div>
  )
}