Flashlight Text Reveal

Flashlight cursor text reveal background in WebGL: hidden text is written on a dark, grainy wall and your cursor is the torch that reveals it; the light roams on its own when idle. Use as a hero or page backdrop. Plain WebGL1, React only.

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

"use client"

import FlashlightTextReveal from "@/components/ui/flashlight-text-reveal"

// Move the pointer to shine the light. Leave it and the light searches alone.
export default function Demo() {
  return (
    // w-full: 21st centres demos in a flex wrapper that would shrink this to 0px.
    <div className="w-full">
      <FlashlightTextReveal />
    </div>
  )
}