Confetti
Lanza confeti para celebrar una acción.
- Código: RODD·AN·042
- Familia: Animaciones
- Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://magicui.design/r/confetti.json"
Cuándo usarlo
Refuerzan una interacción concreta: un CTA, una tarjeta, un cursor. Nunca decoran por decorar.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| options | ConfettiOptions | |
| globalOptions | ConfettiGlobalOptions | { resize: true, useWorker: true } |
| manualstart | boolean | false |
| children | ReactNode | |
| className | unknown | |
Otros efectos de animaciones
- ElasticLine — Línea elástica que se estira con el ratón.
- GlareHover — Reflejo de luz realista que cruza un elemento al pasar el ratón.
- HalftoneReveal — Trama de semitono de imprenta que se aclara alrededor del cursor.
- MagicRings — Anillos mágicos concéntricos que siguen al ratón.
- Noise — Grano fílmico animado para dar textura.
- PixelTrail — Estela de píxeles detrás del cursor.