# Live Halftone Hero

> An editorial print-shop hero with a big condensed headline, a short intro and two square Turn Arrow buttons beside a portrait plate built on the halftone background component: WebGL prints the photo live as a rotated halftone screen, with dot size taken from the photo's luminance and a slow wave traveling through the dots, and the cursor presses a shaded 3D swell into the print that magnifies the dots and sends ripples through them (it drifts and ripples on its own for touch). Every print setting passes through the halftone prop; ink and paper follow the theme tokens, it pauses offscreen, hol…

A paid shadcn/ui block sold by the [@beste-ui](https://ui.beste.co/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/beste-ui/hero202).

- Page, with a preview: https://shadcn.exchange/r/beste-ui/hero202
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/beste-ui/hero202-light-0e0505ea8a59c512.png
- Listed: 2026-10-13

## Buy and install

@beste-ui sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/beste-ui/hero202

## Dependencies

- npm packages: `clsx`, `framer-motion`, `lucide-react`, `tailwind-merge`
- Registry items: `button`