Cursor Popcorn

About

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

Instructions

1. Copy and paste the component card into your project and detach it.

2. 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)

3. Preview and test by clicking and holding anywhere in the component area to see the image shooting effect

How It Works

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

Support

For any queries and help setting up the component, contact hello@segmentui.com