Una esfera de vidrio con una cabaña nevada dentro: arrástrala o sacúdela y la nieve se arremolina con inercia de líquido, luego se asienta lento sobre el paisaje. Vidrio con reflejos, refracción en el borde y base de madera con latón.
Cursores
Una fila de campanas tubulares de vidrio (o latón, o acero) colgadas de un travesaño: el cursor es el viento. Cada tubo es un péndulo con física real que choca con sus vecinos y suena con timbre inarmónico sintetizado.
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.
Usar mi licencia2. Instala Campanas de viento
npx shadcn@latest add @furin-pro/wind-chimes| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | ReactNode | "" | Fondo detrás de las campanas (por defecto, un atardecer de ejemplo). |
| count | number | 7 | Cantidad de tubos. |
| material | "glass" | "brass" | "steel" | "glass" | Material de los tubos. |
| wind | number | 1 | Cuánto empuja el cursor a los tubos. |
| breeze | number | 0 | Brisa ambiental que los mece sola (0 = aire quieto). |
| sound | boolean | true | Sonido sintetizado (solo después de que el usuario interactúa con la página). |
| volume | number | 0.6 | Volumen del sonido, de 0 a 1. |
| global | boolean | false | El viento sigue al cursor en toda la ventana, no solo dentro del contenedor. |
| autoplay | boolean | false | Una brisa suave las mece sola cuando nadie mueve el cursor. |
Una esfera de vidrio con una cabaña nevada dentro: arrástrala o sacúdela y la nieve se arremolina con inercia de líquido, luego se asienta lento sobre el paisaje. Vidrio con reflejos, refracción en el borde y base de madera con latón.
Cursores
Una capa oscura que solo deja ver el contenido oculto donde apunta el haz de una linterna, con luz cálida, resorte al abrirse y caída suave.
Cursores
El cursor es una lámpara colgante de luz cálida: las tarjetas proyectan sombras reales cuya dirección, largo y suavidad cambian con la distancia a la lámpara. Mantén pulsado para bajar la lámpara y alargar las sombras.
Cursores