Halftone Shader Hero

Halftone shader hero: a WebGL hero card whose background is liquid marbling printed through a halftone dot screen that blooms under the pointer, with a word-by-word serif headline and a typing prompt bar. For AI and SaaS landing pages.

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

"use client"

import HalftoneFlowHero from "@/components/ui/halftone-flow-hero"

export default function Demo() {
  return <HalftoneFlowHero palette="ember" onSubmit={(v) => console.log("draft:", v)} />
}