Bloques que voltean

Rejilla de bloques bajo el texto que voltean a negativo tras el cursor con rebote y regresan en ola desde donde estás.

Vista previa en vivo

Dale la vuelta

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 Bloques que voltean

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

Prop	Tipo	Por defecto	Descripción
children	string	"Dale la\nvuelta"	El titular que se voltea (acepta saltos de línea).
size	number	112	Tamaño máximo de la letra, en px (se ajusta al ancho).
tile	number	30	Tamaño de cada bloque, en px.
gap	number	1	Separación entre bloques, en px.
brush	number	1.4	Alcance del cursor, en bloques.
hold	number	0.7	Segundos que un bloque se queda en negativo antes de regresar.
color	string	"#f4f3ef"	Color de las letras.
background	string	"#0b0c0f"	Color de fondo.
autoplay	boolean	true	Si no hay cursor, un pincel invisible recorre la escena y lanza olas.

Cintas cruzadas
Pro
Dos cintas de texto se cruzan en X en sentidos opuestos con latigazos de velocidad; donde se enciman, se invierten.
Negativo
Escáner
Pro
Una franja de luz de fotocopiadora recorre el texto, lo invierte y lo deforma con cortes de línea por la velocidad.
Negativo
Estela negativa
Pro
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