Cadena de círculos que invierten lo que tocan y se encogen detrás del cursor; donde se enciman, el texto vuelve a la normalidad y dibuja ondas de op-art.
Negativo
Negativo
Pro
Escáner
Una franja de luz de fotocopiadora recorre el texto, lo invierte y lo deforma con cortes de línea por la velocidad.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 8 (8 ajustables)
Original
o copia
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 Escáner
npx shadcn@latest add @furin-pro/negative-scannerProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | string | "Original\no copia" | El titular que se escanea (acepta saltos de línea). |
| size | number | 92 | Tamaño máximo de la letra, en px (se ajusta al ancho). |
| light | string | "#bfe3ff" | Color de la luz de la lámpara. |
| distortion | number | 1 | Cuánto se deforma el texto bajo la franja (0 a 2). |
| interval | number | 4.2 | Segundos entre un escaneo y el siguiente. |
| color | string | "#f4f3ef" | Color de las letras. |
| background | string | "#0b0c0f" | Color de fondo. |
| autoplay | boolean | true | Escanea solo; con el cursor encima, la lámpara lo sigue. |
Sigue explorando
Visor que se cierra sobre el titular y destello fotográfico de dos cuadros en negativo con grano; haz clic para disparar.
Negativo
Una gota líquida sigue al cursor e invierte el texto de abajo; con movimientos rápidos se estira, se parte en perlas y rebota.
Negativo