About Shattered Glass Hero
Shattered Glass Hero — Broken by Design
A 3D shattered glass hero section for Framer.
Sixteen glass shards fly in and assemble in front of the visitor, with your title set inside the glass. The pane follows the pointer: the shard under the cursor lifts, tilts and catches the light.
An opening that breaks, beautifully.
✦ Features
Interactive glass
16 separate 3D shards that assemble on load
The pane follows the pointer, each shard lifts and catches light
Optional glass sound, with a mute button
Fully customizable
Title, title size and colors
Interaction and sound settings
All from the Framer properties panel, no code
Responsive & accessible
A separate glass set for portrait screens and phones
Respects reduced motion
Lightweight preview in the editor
Seamless
Self-contained styling: never touches the rest of your page
✦ What’s included
1 Framer component
Glass sprites and button images
Font file (Space Grotesk, SIL Open Font License)
Install guide
Commercial license
The glass artwork was created with generative AI tools.
✦ License
One license, unlimited projects. The Marketplace badge reads “Single-Use”, but this component comes with a broader license, included in the download: one person or one company, unlimited personal and client projects, commercial ones included. Reselling or redistributing the component or its media is not allowed.
✦ Support
