Design

Shatter

Breaks your live HTML into 3D glass shards that lift, float, and refract around the cursor, with perspective and soft shadows.

1 min readUpdated

Breaks your live HTML into 3D glass shards that lift, float, and refract around the cursor, with perspective and soft shadows.

Install

npx shadcn@latest add @pax-sh/shatter-react

Metadata

FieldValue
Tierhigh
Enginethree
Reduced motionflat content
Three.jsrequired

Live demo

/components/shatter

Was this page helpful?

Answers are not recorded or transmitted. Pax has no telemetry.