Cursor Pop brings the fun of a confetti cannon to your designs - but with any images you choose! Just click and hold anywhere, and images burst from your cursor in a playful, swirl
Make it with Workshop
Build your own component with AI
Cursor Pop brings the fun of a confetti cannon to your designs - but with any images you choose! Just click and hold anywhere, and images burst from your cursor in a playful, swirling pattern. They float up, spin around, and gracefully fall away.
This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library
Copy and paste the component card into your project and detach it.
Select the Image Shooter component and configure the settings in the right properties panel:
Add your images in the Images array
Set Image Size for the elements (10-200px)
Adjust Duration for how long the animation plays (0.1-10s)
Set Shoot Interval to control frequency (10-1000ms)
Configure Spread for wider/narrower dispersal (0-1000)
Set Initial Up Movement for the upward arc (0-200)
Adjust Rotation for spin amount (0-1440 degrees)
Preview and test by clicking and holding anywhere in the component area to see the image shooting effect
The component requires:
One or more images to animate
Customizable properties like image size, animation duration
Spread and movement controls
Rotation and timing settings
Background color option
For any queries and help setting up the component, contact hello@segmentui.com