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
Cursores
Pro
Pompas de jabón
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.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 9 (8 ajustables)
Sopla
mueve el cursor · clic para reventar
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 Pompas de jabón
npx shadcn@latest add @furin-pro/soap-bubblesProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | ReactNode | "" | Contenido que queda detrás de las pompas (por defecto, un fondo de ejemplo). |
| density | number | 1 | Cuántas pompas sopla el cursor al moverse. |
| size | number | 1 | Tamaño medio de las pompas (multiplicador). |
| wind | number | 1 | Intensidad del viento que las arrastra (0 = aire quieto). |
| vividness | number | 1 | Viveza de los colores de la película. |
| wand | boolean | true | Dibuja el aro de soplar en el lugar del cursor. |
| hideCursor | boolean | true | Oculta el cursor del sistema dentro del contenedor. |
| global | boolean | false | Trabaja sobre toda la ventana en vez de solo dentro del contenedor. |
| autoplay | boolean | false | Sopla y revienta pompas solo cuando nadie mueve el cursor. |
Sigue explorando
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
Cursor gelatina
GratisUn cursor de gelatina translúcida con brillo especular: arrastra gotas que lo siguen, se estiran en la estela y se funden con él cuando te detienes.
Cursores