# Hero 47 - Depth Parallax Portrait Hero

> A WebGL depth/normal-mapped portrait hero: the cursor's own trail reveals a second plate over the subject, a scan-line outline traces the plate's edges, and a procedural line field animates behind it, framed by a navbar, driver identity block, next-event card, stat panel and CTA row.

A paid shadcn/ui block sold by the [@shadcn-space](https://shadcnspace.com/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/shadcn-space/hero-47).

- Page, with a preview: https://shadcn.exchange/r/shadcn-space/hero-47
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/shadcn-space/hero-47-light-d6aa4c55bcf40694.png
- Listed: 2026-10-13

## Buy and install

@shadcn-space 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/shadcn-space/hero-47

## Dependencies

- npm packages: `@types/three`, `lucide-react`, `motion`, `three`
- Registry items: `sheet`, `button`, `card`, `separator`, `dialog`