Saltar al contenido
Texto Pro

Texto que se evapora

Las letras se evaporan en vapor que sube y se vuelven a condensar.

Plan
Pro · licencia comercial
Dependencias
Solo React
Props
8 (8 ajustables)

Vista previa en vivo

Se evapora

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.

Usar mi licencia

2. Instala Texto que se evapora

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

Props

PropTipoPor defectoDescripción
childrenstring"Se evapora"El texto que se evapora (acepta saltos de línea).
sizenumber84Tamaño de la letra, en px.
colorstring"#eaf1ff"Color de las letras.
steamstring""Color del vapor (por defecto, el mismo que las letras).
intensitynumber1Cuánto vapor suelta cada letra y qué tan alto sube.
heatnumber80Radio de calor del cursor: las letras bajo él se evaporan, en px.
loopbooleantrueRepite solo: se evapora y se vuelve a condensar cada cierto tiempo.
holdnumber2.4Segundos que se queda el texto sólido antes de evaporarse.

Sigue explorando

  • Un brillo satinado recorre el texto como luz sobre aluminio.

    Texto

  • 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