CoolMode

Partículas que salen al hacer clic en un botón.

  • Código: RODD·AN·043
  • Familia: Animaciones
  • Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT

Cómo instalarlo

npx shadcn@latest add "https://magicui.design/r/cool-mode.json"

Cuándo usarlo

Refuerzan una interacción concreta: un CTA, una tarjeta, un cursor. Nunca decoran por decorar.

Props para personalizarlo

PropTipoPor defecto
childrenunknown
optionsunknown

Otros efectos de animaciones

  • ElasticMesh — Superficie de malla elástica que se estira bajo el puntero.
  • GlowCursor — Estela de luz por shader que sigue al puntero con pulso y brillo.
  • ImageTrail — Estela de imágenes que sigue al cursor, con varias variantes.
  • Magnet — Los elementos se sienten atraídos por el cursor y vuelven con muelle.
  • OrbitImages — Imágenes que orbitan siguiendo una trayectoria SVG.
  • PixelTransition — Transición pixelada entre dos contenidos al hover.