# Slice Assembly Hero

> A pinned scroll hero for a fashion label built on the slice-assembly component: an editorial photograph cut into vertical strips floats apart in 3D space, each strip lit by its angle and lifted on a soft shadow, and as the page scrolls the strips settle one after another into the whole picture with no seams left. The large semibold headline holds from the start; the intro, an Arrow Pill and an underline link settle in once the picture is whole. The photograph leans gently toward the cursor, and every strip setting passes through the slices prop. Reduced motion shows the whole photograph and a…

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/hero249).

- Page, with a preview: https://shadcn.exchange/r/beste-ui/hero249
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/beste-ui/hero249-light-3a495d8cfa2cc2f0.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/hero249

## Dependencies

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