---
title: "canvas-confetti"
description: "A canvas-based confetti animation library."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Good for">Adding a celebratory visual effect to successful actions.</PurposeNote>

## What it does

A canvas-based confetti animation library.

## When it fits

Adding a celebratory visual effect to successful actions.

## Other options in this category

<div data-pagefind-ignore>

- [Magic UI](/animation/magic-ui) — Building expressive landing pages and marketing interfaces.
- [Motion](/animation/motion) — Building transitions, gestures, and coordinated layout animation.
- [React Bits](/animation/react-bits) — Adding expressive visual sections and effects to a website.
- [React Simple Animate](/animation/react-simple-animate) — Adding straightforward animation sequences without a large animation setup.
- [react-glow](/animation/react-glow) — Adding pointer-responsive highlights to cards and other UI surfaces.

</div>

## Source

[Project source for canvas-confetti ↗](https://www.npmjs.com/package/canvas-confetti)

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

[Animate an interaction →](/tasks/animate-an-interaction)

[All animation &amp; effects options →](/animation)