Mitad negativa

Titular partido en dos con una mitad en negativo; el divisor es una membrana elástica que el cursor estira con resorte.

Vista previa en vivo

Dos caras

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 Mitad negativa

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

Prop	Tipo	Por defecto	Descripción
children	string	"Dos\ncaras"	El titular que se parte (acepta saltos de línea).
size	number	124	Tamaño máximo de la letra, en px (se ajusta al ancho).
elasticity	number	1	Cuánto se estira y rebota la membrana (0.3 a 2).
labels	boolean	true	Muestra las etiquetas pequeñas de cada mitad.
color	string	"#f4f3ef"	Color de las letras.
background	string	"#0b0c0f"	Color de fondo.
autoplay	boolean	true	Sin cursor, la membrana se pasea sola con tirones rápidos.

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
Barrido negativo
Pro
Barras diagonales cruzan el titular a toda velocidad, invierten las letras a su paso y una barra ancha frena en seco con rebote.
Negativo