Lluvia en el vidrio

Gotas que escurren por un vidrio y refractan la luz.

Vista previa en vivo

Llueve en la ciudad

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 Lluvia en el vidrio

npx shadcn@latest add @furin-pro/rain-glass

Prop	Tipo	Por defecto	Descripción
children	ReactNode	""	Contenido que se pinta encima del vidrio.
density	number	1	Cuántas gotas hay en el vidrio (1 = normal, 0 = ninguna).
speed	number	1	Rapidez con la que escurren las gotas (1 = normal).
fog	number	0.65	Niebla del vidrio: 0 es cristal limpio, 1 muy empañado.
scene	string	"city"	Escena de noche que se ve detrás del cristal (city, dusk o neon).
tint	string	"#8fb4ff"	Color del tinte del vidrio.
interactive	boolean	true	Al pasar el cursor o tocar, limpia una estela y deja caer una gota.

Mármol vivo
Pro
Mármol pulido cuyas vetas fluyen lentamente; el reflejo de una caja de luz barre la piedra y sigue al cursor.
Fondos
Metal cepillado
Pro
Metal cepillado con reflejo anisotrópico que gira con el cursor.
Fondos
Noren
Pro
Cortina de tiras que se abre con el cursor.
Fondos