Texto líquido

Letras de mercurio que se funden y escurren donde pasa el cursor, y vuelven a su forma cuando se seca.

Vista previa en vivo

Fluye

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 Texto líquido

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

Prop	Tipo	Por defecto	Descripción
children	string	"Fluye"	Texto a mostrar (usa \n para varias líneas).
fontSize	number	112	Tamaño máximo de la letra, en px (se ajusta al ancho).
fontWeight	number	800	Grosor de la letra; entre más grueso, mejor se funde.
color	string	"#9CC3FF"	Tinte del líquido.
intensity	number	1	Cuánto se derriten y escurren las letras.
autoplay	boolean	false	Un cursor fantasma recorre el texto cuando nadie lo toca.

Barrido satinado
Gratis
Un brillo satinado recorre el texto como luz sobre aluminio.
Texto
Contorno que se llena
Gratis
Texto en contorno que se llena de líquido con una ola que nace donde entra el cursor, y se vacía al salir.
Texto
Descifrar
Gratis
Texto que se descifra letra por letra.
Texto