Visor que se cierra sobre el titular y destello fotográfico de dos cuadros en negativo con grano; haz clic para disparar.
Negativo
Negativo
Pro
Estela negativa
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.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 10 (10 ajustables)
Deja tu
huella
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 Estela negativa
npx shadcn@latest add @furin-pro/invert-trailProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | string | "Deja tu\nhuella" | El titular que se invierte (acepta saltos de línea). |
| size | number | 110 | Tamaño máximo de la letra, en px (se ajusta al ancho). |
| radius | number | 40 | Radio de la perla cabeza, en px. |
| beads | number | 11 | Cantidad de perlas de la estela. |
| lag | number | 36 | Retraso entre perlas, en ms (más = estela más larga y separada). |
| color | string | "#f4f3ef" | Color de las letras. |
| background | string | "#0b0c0f" | Color de fondo. |
| lensColor | string | "#ffffff" | Color con el que las perlas invierten (blanco = negativo puro). |
| merge | boolean | false | Funde las perlas en una sola mancha (si no, donde se enciman el texto vuelve a la normalidad). |
| autoplay | boolean | true | Si no hay cursor, la estela dibuja lazos sola. |
Sigue explorando
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
Titular partido en dos con una mitad en negativo; el divisor es una membrana elástica que el cursor estira con resorte.
Negativo