Component
Exploding Tap Component in Framer
This component lets you burst elements out of any tap or click. It’s a rebuilt version of a fun interaction from Lochie’s original work. Drop it into your project, adjust the properties to your liking, and have fun making your frames explode with personality!
About the resource
To use the Exploding Tap component, I recreated every control so you can customise exactly how the particles behave when someone interacts with your element.
You can preview the effect right on the canvas, choose whether your particles come from components or uploaded images, and load in the assets you want to explode out. In Images mode, you can set how many images you want to use, upload them into each slot, and adjust their width and height.
You can also choose how many particles spawn, change their size with a base scale or randomised variation, set their rotation, and decide if they animate or stay still. Direction, speed, randomness, and gravity give you full control over how the particles fly across the screen, and the duration decides how long they stay visible.
If you want to add this effect to an input field, all you need to do is drop the component inside the Label frame of the Framer form builder. Set it to absolute position so it stays invisible, and make sure the Label and parent frames have visible overflow, otherwise the particles get clipped. After that, you can freely adjust everything from the right panel and experiment with different settings, gravity at 0 is especially fun.
About the resource
To use the Exploding Tap component, I recreated every control so you can customise exactly how the particles behave when someone interacts with your element.
You can preview the effect right on the canvas, choose whether your particles come from components or uploaded images, and load in the assets you want to explode out. In Images mode, you can set how many images you want to use, upload them into each slot, and adjust their width and height.
You can also choose how many particles spawn, change their size with a base scale or randomised variation, set their rotation, and decide if they animate or stay still. Direction, speed, randomness, and gravity give you full control over how the particles fly across the screen, and the duration decides how long they stay visible.
If you want to add this effect to an input field, all you need to do is drop the component inside the Label frame of the Framer form builder. Set it to absolute position so it stays invisible, and make sure the Label and parent frames have visible overflow, otherwise the particles get clipped. After that, you can freely adjust everything from the right panel and experiment with different settings, gravity at 0 is especially fun.
About the resource
To use the Exploding Tap component, I recreated every control so you can customise exactly how the particles behave when someone interacts with your element.
You can preview the effect right on the canvas, choose whether your particles come from components or uploaded images, and load in the assets you want to explode out. In Images mode, you can set how many images you want to use, upload them into each slot, and adjust their width and height.
You can also choose how many particles spawn, change their size with a base scale or randomised variation, set their rotation, and decide if they animate or stay still. Direction, speed, randomness, and gravity give you full control over how the particles fly across the screen, and the duration decides how long they stay visible.
If you want to add this effect to an input field, all you need to do is drop the component inside the Label frame of the Framer form builder. Set it to absolute position so it stays invisible, and make sure the Label and parent frames have visible overflow, otherwise the particles get clipped. After that, you can freely adjust everything from the right panel and experiment with different settings, gravity at 0 is especially fun.
The properties of the exploding tap component in Framer.
The properties of the exploding tap component in Framer.
The properties of the exploding tap component in Framer.
