Texto de vidrio

Letras de vidrio esmerilado que refractan lo que hay detrás.

Vista previa en vivo

Vidrio

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 de vidrio

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

Prop	Tipo	Por defecto	Descripción
children	string	"Vidrio"	Texto de vidrio (acepta saltos de línea con \n).
size	number	124	Tamaño de letra, en px.
weight	number	700	Grosor de la letra: el vidrio luce más en trazos gruesos.
refraction	number	1	Fuerza de la refracción en el borde de las letras (0 = sin curvar la luz).
blur	number	1.2	Desenfoque del fondo dentro de las letras, en px.
dispersion	number	0.1	Separación de colores (aberración cromática) en el borde, de 0 a 0.5.
frost	number	0.5	Tinte blanco del vidrio, de 0 a 1.
scene	boolean	false	Pinta una escena de color en movimiento detrás (para verlo refractar).

Texto líquido
Pro
Letras de mercurio que se funden y escurren donde pasa el cursor, y vuelven a su forma cuando se seca.
Texto
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