Brasas

Brasas que suben, parpadean y cambian de color al enfriarse, y se dejan llevar por el movimiento del cursor.

Vista previa en vivo

Sopla con el cursor

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 Brasas

npx shadcn@latest add @furin-pro/brasas

Prop	Tipo	Por defecto	Descripción
count	number	140	Cuántas brasas hay a la vez.
speed	number	1	Velocidad del ascenso y del parpadeo; 0 las congela.
wind	number	1	Qué tanto empuja el cursor a las brasas; 0 apaga el viento.
drift	number	14	Brisa constante hacia los lados, en px por segundo.
size	number	1	Tamaño de las brasas; 1 es el normal.
glow	number	0.6	Intensidad del resplandor de calor en la parte baja.
hotColor	string	"#FFD05A"	Color de la brasa recién nacida, la más caliente.
midColor	string	"#FF4A1C"	Color de la brasa a media vida.
ashColor	string	"#7A625C"	Color de la ceniza con que se apaga.
className	string	""	Clase extra para el contenedor.
style	CSSProperties	undefined	Estilos extra para el contenedor.
children	ReactNode	undefined	Contenido que se dibuja encima de las brasas, centrado.