Texto que muta

Las palabras se derriten unas en otras con una transición viscosa de desenfoque y umbral, con brillo de líquido.

Vista previa en vivo

Fluye

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { MorphText } from "furin";

También con pnpm add furin, yarn add furin o bun add furin. Cada componente trae su CSS y lo importa por ti.

Prop	Tipo	Por defecto	Descripción
words	string[]	"[\"Fluye\", \"Muta\", \"Brilla\", \"Gotea\"]"	Palabras que se van transformando en ciclo.
interval	number	1.8	Segundos que se queda quieta cada palabra.
morph	number	1.5	Segundos que dura el derretido entre palabras.
fontSize	number	104	Tamaño máximo de la letra, en px (se ajusta al ancho).
fontWeight	number	800	Grosor de la letra.
color	string	"#A9C8FF"	Color del líquido.
gloss	number	1	Intensidad del brillo especular (0 lo apaga).

Grabado en metal
Pro
Texto grabado sobre metal cepillado, con bisel interior y brillo al pasar.
Texto
Resaltado de barrido
Pro
Bloques de color geométricos barren detrás de las palabras clave, y la tinta del texto se invierte justo bajo el bloque.
Texto
Tanzaku
Pro
Frases en tiras verticales que se mecen.
Texto