Scanline Bloom

Risograph floral shader background in WebGL: procedurally painted lilies and roses rendered as riso/CRT scanlines, stipple dither and paper grain. Use as a hero or section background for editorial and print-inspired sites. Zero dependencies, nothing downloaded.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Scanline Bloom to your project and fits it to your theme.

"use client"

import ScanlineBloom from "@/components/ui/scanline-bloom"

// Hover to look through the lens, move fast to tear the signal, click to rebloom.
export default function Demo() {
  return (
    // w-full: 21st centres demos in a flex wrapper that would shrink this to 0px.
    <div className="w-full">
      <ScanlineBloom />
    </div>
  )
}