Copy component
Copy component
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
Component
This is a glass-break image component recreated in Framer from the original concept by Ksenia Kondrashova. It splits an image into fragments and animates them apart on interaction. Feel free to copy the component into your own projects, tweak the properties, and have fun playing with the animation.
Want to make something smash, literally? With this glass breaking component, you’re in control. Just copy and paste the component onto your canvas, then head over to the right panel and start customizing: choose your preview image, pick the break style that fits your vibe, set how far the shards should fly, and even tweak the edge thickness.
The best part? Everything updates in real-time, so you can create a jaw-dropping shattered glass effect in seconds, and yes no coding required. Play around, experiment, and watch your ideas break beautifully.
Want to make something smash, literally? With this glass breaking component, you’re in control. Just copy and paste the component onto your canvas, then head over to the right panel and start customizing: choose your preview image, pick the break style that fits your vibe, set how far the shards should fly, and even tweak the edge thickness.
The best part? Everything updates in real-time, so you can create a jaw-dropping shattered glass effect in seconds, and yes no coding required. Play around, experiment, and watch your ideas break beautifully.
Want to make something smash, literally? With this glass breaking component, you’re in control. Just copy and paste the component onto your canvas, then head over to the right panel and start customizing: choose your preview image, pick the break style that fits your vibe, set how far the shards should fly, and even tweak the edge thickness.
The best part? Everything updates in real-time, so you can create a jaw-dropping shattered glass effect in seconds, and yes no coding required. Play around, experiment, and watch your ideas break beautifully.
The component properties of the broken glass component.
The component properties of the broken glass component.
The component properties of the broken glass component.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
