Lupa negativa

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.

Vista previa en vivo

Todo tiene un negativo

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.

2. Instala Lupa negativa

npx shadcn@latest add @furin-pro/invert-lens

Prop	Tipo	Por defecto	Descripción
children	string	"Todo tiene\nun negativo"	El titular que se invierte (acepta saltos de línea).
size	number	76	Tamaño máximo de la letra, en px (se ajusta al ancho).
radius	number	70	Radio de la lente, en px.
stretch	number	1	Cuánto se estira la gota con la velocidad (0 a 2).
color	string	"#f4f3ef"	Color de las letras.
background	string	"#0b0c0f"	Color de fondo.
lensColor	string	"#ffffff"	Color con el que la lente invierte (blanco = negativo puro).
autoplay	boolean	true	Si no hay cursor, la gota salta sola por la escena.

Mitad negativa
Pro
Titular partido en dos con una mitad en negativo; el divisor es una membrana elástica que el cursor estira con resorte.
Negativo
Persiana
Pro
Lamas de persiana que giran en 3D, rebotan y alternan el texto con su negativo; pásales el cursor para voltearlas una a una.
Negativo
Rayos X
Pro
Una lente de rayos X sigue al cursor y revela la estructura de las letras: negativo, curvas de nivel y una malla que se desplaza con paralaje.
Negativo