Components
Broken by Design — Shattered Glass Hero
Impact-fracture hero built from real shattered glass. Sixteen independent fragments per breakpoint react to the cursor with 3D tilt, parallax and specular light. The title is masked into each shard — physically broken across the pane. Fully responsive, zero animation deps.
import BrokenByDesign from '@/components/ui/broken-by-design'
export default function BrokenByDesignDemo() {
return <BrokenByDesign />
}