Hanabi

Fuegos artificiales con estelas, chispas y destellos. Se lanzan solos y también con cada clic o toque.

Vista previa en vivo

Haz clic

Instalación

1. Configura el registro Pro una sola vez

Los componentes Pro no están en npm ni en el registro público de shadcn: se instalan con tu licencia desde el registro privado de Furin.

2. Instala Hanabi

npx shadcn@latest add @furin-pro/hanabi

Prop	Tipo	Por defecto	Descripción
frequency	number	0.9	Lanzamientos automáticos por segundo; 0 los apaga y deja solo los clics.
colors	string[] \| string	"#FF5A4F, #FFC24A, #6FE3FF, #FF8FC7, #C4A8FF"	Colores de los estallidos, como lista o como texto separado por comas.
gravity	number	1	Gravedad de las chispas; 0 las deja flotar.
size	number	1	Tamaño de los estallidos; 1 es el normal.
alClic	boolean	true	Un clic o toque lanza un cohete que estalla en ese punto.
className	string	""	Clase extra para el contenedor.
style	CSSProperties	undefined	Estilos extra para el contenedor.
children	ReactNode	undefined	Contenido que se dibuja encima de los fuegos artificiales, centrado.