Confetti Basic Cannon

PreviousNext

Example showing basic confetti cannon animation.

Docs
magicuiexample

Preview

Loading previewโ€ฆ
registry/example/confetti-basic-cannon.tsx
import { ConfettiButton } from "@/registry/magicui/confetti"

export default function ConfettiButtonDemo() {
  return (
    <div className="relative">
      <ConfettiButton>Confetti ๐ŸŽ‰</ConfettiButton>
    </div>
  )
}

Installation

npx shadcn@latest add @magicui/confetti-basic-cannon

Usage

import { ConfettiBasicCannon } from "@/components/confetti-basic-cannon"
<ConfettiBasicCannon />