Pricing

Confetti

Confetti animations are best used to delight your users when something special happens

6,470

Bookmarks

2,670

Installs

131,270

Views

25 lines
"use client"

import { useRef } from "react"

import { Confetti, type ConfettiRef } from "@/components/ui/confetti"

export default function ConfettiDemo() {
  const confettiRef = useRef<ConfettiRef>(null)

17 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
@types/canvas-confetticanvas-confetti
License
MIT License
Published
1/23/2025
Categories

Similar components

That's all 6 components

Explore more

Part of Magic UI — browse the full library on Nuxus.