---
title: "Cursor Popcorn — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Nabeel · Cursors. About Cursor Pop brings the fun of a confetti cannon to your designs - but with any images you choose!"
canonical: "https://framer.elliotli.dev/component/cursor-popcorn"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Cursor Popcorn

# Cursor Popcorn

[View on Framer](https://framer.com/marketplace/components/cursor-popcorn/?via=elliot-li)

![Cursor Popcorn preview image 1](https://framer.elliotli.dev/og/component/cursor-popcorn/9dbef9e2a93f80f2/1600x1200.jpg)

## Summary

About Cursor Pop brings the fun of a confetti cannon to your designs - but with any images you choose!

## Description

## 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](https://segmentui.com/uikit) 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

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-hpm2p71a-flTDfIxbRH931yGascwJHAXfBIKYvg)

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](mailto:hello@segmentui.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #10250

## Details

- **Author**: Nabeel
- **Price**: $9.00
- **Published**: 2025-11-25
- **Updated**: 2025-11-21
- **Added**: 2025-08-18
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…