Persiana

Lamas de persiana que giran en 3D, rebotan y alternan el texto con su negativo; pásales el cursor para voltearlas una a una.

Vista previa en vivo

Luz y sombra

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 Persiana

npx shadcn@latest add @furin-pro/shutter-text

Prop	Tipo	Por defecto	Descripción
children	string	"Luz y\nsombra"	El titular (acepta saltos de línea).
size	number	96	Tamaño máximo de la letra, en px (se ajusta al ancho).
slats	number	10	Cantidad de lamas.
axis	string	"horizontal"	Dirección de las lamas: horizontal (persiana) o vertical (cortina).
interval	number	2.8	Segundos entre volteos automáticos.
color	string	"#f4f3ef"	Color de las letras.
background	string	"#0b0c0f"	Color de fondo.
autoplay	boolean	true	Las lamas se voltean solas en ola.

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
Bloques que voltean
Pro
Rejilla de bloques bajo el texto que voltean a negativo tras el cursor con rebote y regresan en ola desde donde estás.
Negativo