Resaltado de barrido

Bloques de color geométricos barren detrás de las palabras clave, y la tinta del texto se invierte justo bajo el bloque.

Vista previa en vivo

Diseña con claridad, construye con criterio y lanza con calma.

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 Resaltado de barrido

npx shadcn@latest add @furin-pro/sweep-highlight

Prop	Tipo	Por defecto	Descripción
children	string	"Diseña con claridad, construye con criterio y lanza con calma."	El texto; las palabras clave van entre asteriscos.
size	number	34	Tamaño de la letra, en px.
colors	string[]	"[\"#FFD23F\", \"#5B7CFF\", \"#7CF5C6\", \"#FF6B57\"]"	Colores de los bloques; cada palabra clave toma uno (y otro, de respaldo, detrás).
duration	number	720	Milisegundos que dura el barrido de cada bloque.
stagger	number	280	Milisegundos de retraso entre una palabra clave y la siguiente.
hold	number	3.4	Segundos que los bloques se quedan antes de barrer hacia afuera y volver a entrar (0 = se quedan).
align	"left" \| "center"	"left"	Alineación del texto.
color	string	"#F4F5F7"	Color del texto.

Tanzaku
Pro
Frases en tiras verticales que se mecen.
Texto
Texto bajo foco
Pro
Texto en penumbra: un foco que sigue al cursor ilumina las letras y las separa de la pared con una sombra de relieve.
Texto
Texto de vidrio
Pro
Letras de vidrio esmerilado que refractan lo que hay detrás.
Texto