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
Cursores
Pro
Rodillo de pintura
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.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 9 (8 ajustables)
Dale color
al muro
pintado a rodillo
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 Rodillo de pintura
npx shadcn@latest add @furin-pro/paint-rollerProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | ReactNode | "" | Contenido que se revela (modo reveal) o que se cubre (modo cover). |
| mode | "reveal" | "cover" | "reveal" | reveal: un muro cubre el contenido y el rodillo lo descubre. cover: el rodillo pinta encima. |
| color | string | "#ff5a36" | Color de la pintura del rodillo (y de la pintura en modo cover). |
| wall | string | "#ebe5d8" | Color del muro que se descubre (modo reveal). |
| width | number | 118 | Largo del rodillo, en px. |
| loadLength | number | 1100 | Distancia en px que rinde la pintura antes de que el rodillo empiece a rayar. |
| hint | string | "Arrastra el rodillo" | Texto impreso en el muro (modo reveal) que desaparece al pintar. |
| hideCursor | boolean | true | Oculta el cursor del sistema dentro del contenedor. |
| autoplay | boolean | false | Pinta solo, a brochazos, cuando nadie mueve el cursor. |
Sigue explorando
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
Estela de chispas
GratisEl cursor suelta chispas con física: heredan su impulso, caen por gravedad, rebotan en el piso y se apagan de blanco a brasa.
Cursores