Confetti Burst

点击按钮触发的画布彩纸爆炸，物理模拟并尊重减少动态偏好。

#confetti #canvas #celebrate

在沙盒中编辑

复制一段给 AI 编程工具的提示词，包含源码、依赖和用法

属性

ConfettiCanvasProps

同时支持以下类型的全部属性： Omit<React.ComponentProps<"canvas">, "ref">

属性	类型	默认值	说明
ref	`React.Ref<ConfettiHandle>`	—	—

ConfettiButtonProps

同时支持以下类型的全部属性： React.ComponentProps<"button">

属性	类型	默认值	说明
confetti	`ConfettiOptions`	—	Options forwarded to every burst

安装

$ npx shadcn@latest add https://chromotion.dev/r/confetti-burst.json

同类组件

Particles Background

粒子连线网络画布背景，随鼠标互动，离屏或切后台自动暂停。

Marquee

无限滚动的横向/纵向跑马灯，支持悬停暂停、反向、调速与边缘渐隐。

Tilt Card

跟随指针的 3D 倾斜卡片，带高光反光，移开后平滑复位。