Saltar al contenido
Cursores Pro

Campanas de viento

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.

Plan
Pro · licencia comercial
Dependencias
Solo React
Props
9 (8 ajustables)

Vista previa en vivo

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.

Usar mi licencia

2. Instala Campanas de viento

npx shadcn@latest add @furin-pro/wind-chimes

Props

PropTipoPor defectoDescripción
childrenReactNode""Fondo detrás de las campanas (por defecto, un atardecer de ejemplo).
countnumber7Cantidad de tubos.
material"glass" | "brass" | "steel""glass"Material de los tubos.
windnumber1Cuánto empuja el cursor a los tubos.
breezenumber0Brisa ambiental que los mece sola (0 = aire quieto).
soundbooleantrueSonido sintetizado (solo después de que el usuario interactúa con la página).
volumenumber0.6Volumen del sonido, de 0 a 1.
globalbooleanfalseEl viento sigue al cursor en toda la ventana, no solo dentro del contenedor.
autoplaybooleanfalseUna brisa suave las mece sola cuando nadie mueve el cursor.

Sigue explorando

  • 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