El cursor es un aro de burbujas: sopla pompas de película delgada con bandas de color que giran y el reflejo de una ventana, flotan con el viento y revientan al clic en gotitas.
Cursores
Cursores
Pro
Luz de cuarto
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.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 10 (9 ajustables)
Plan · 01Lo esencial primero
MapaZona norte
NotasRevisar sombras
EntradaAdmite uno
FolioNº 7
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 licencia2. Instala Luz de cuarto
npx shadcn@latest add @furin-pro/shadow-lightProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | ReactNode | "" | Escena sobre la mesa; los elementos con data-shadow proyectan sombra (por defecto, unas tarjetas de ejemplo). |
| height | number | 260 | Altura de la lámpara sobre la mesa, en px (más baja = sombras más largas). |
| softness | number | 1 | Tamaño de la bombilla: más grande, sombras más difusas. |
| color | string | "#ffd596" | Color de la luz. |
| radius | number | 250 | Radio del charco de luz, en px. |
| intensity | number | 1 | Intensidad de la luz y de la oscuridad del cuarto. |
| casters | string | "[data-shadow]" | Selector de los elementos que proyectan sombra. |
| hideCursor | boolean | true | Oculta el cursor del sistema dentro del contenedor. |
| global | boolean | false | La lámpara sigue al cursor en toda la ventana, no solo dentro del contenedor. |
| autoplay | boolean | false | La lámpara se pasea sola, y de vez en cuando baja, cuando nadie mueve el cursor. |
Sigue explorando
El cursor es un rodillo con pintura: al arrastrarlo revela (o cubre) el contenido con la textura punteada de un rodillo real, bordes irregulares, crestas de pintura en los extremos y brillo de pintura fresca que se seca.
Cursores
Anillo elástico
GratisUn anillo que sigue al cursor con retraso elástico, se estira con la velocidad y, sobre lo clicable, se transforma en su silueta como un imán suave.
Cursores