---
title: "Emoji Confetti — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Nostromo Studio · Effects. Emoji Confetti wraps any component and launches a burst of emoji or custom PNG/SVG images across the screen on click."
canonical: "https://framer.elliotli.dev/component/emoji-confetti"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Emoji Confetti

# Emoji Confetti

Emoji & Image Confetti Trigger

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

![Emoji Confetti preview image 1](https://framer.elliotli.dev/og/component/emoji-confetti/3fb162d8d2a81aaf/1600x1200.jpg)

## Summary

Emoji Confetti wraps any component and launches a burst of emoji or custom PNG/SVG images across the screen on click.

## Description

**Emoji Confetti** wraps any component and launches a burst of emoji or custom PNG/SVG images across the screen on click. The physics are a real particle simulation (gravity, drag, spin), not a canned GIF or Lottie file, so every burst looks a little different.

## Key Features

### Content

-   Choose native Emojis (sensible defaults included) or upload your own PNG/SVG images as confetti
    
-   Adjustable particle Size, Amount, and Speed
    
-   Spread control narrows or widens the burst cone
    
-   Native emojis are cached to a bitmap on first use, keeping large bursts smooth
    

### Launch

-   Three Launch From patterns: Screen Sides, Screen Bottom, or Click Position
    
-   Auto-trigger fires confetti automatically on page load — great for a "thank you" page
    
-   On Trigger event handler fires on every launch — chain it to another interaction (overlay, variable, variant) in Framer's prototyping panel
    

### Trigger

-   Wraps any connected component as the clickable trigger
    
-   Shows a placeholder ("Connect to anything") until you connect something
    
-   Fully keyboard accessible (Enter/Space)
    

## Usage Notes

Confetti renders on a fixed full-screen canvas above your page, covering the whole viewport regardless of where the trigger sits. Keep custom images reasonably small (a few hundred pixels) — oversized files still work but take a moment to load. Native emoji appearance depends on the visitor's OS/browser emoji font, so it can vary slightly across devices.

## How to Set Up

1.  Drag Emoji Confetti onto your canvas
    
2.  Connect any component into the Trigger slot
    
3.  Choose Emojis or Images as your content, and adjust Size, Amount, Speed, and Spread
    
4.  Pick a Launch From pattern
    
5.  Publish
    

## Refund Policy

All sales of digital products are final and non-refundable. Questions? Contact [hellonostromostudio@gmail.com](mailto:hellonostromostudio@gmail.com) before purchasing. Enjoy!

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

-   All · #4498

## Details

- **Author**: Nostromo Studio
- **Price**: $12.00
- **Published**: 2026-08-02
- **Updated**: 2026-08-08
- **Added**: 2026-08-02
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo