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)
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 licencia2. Instala Texto que se evapora
npx shadcn@latest add @furin-pro/vapor-textProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | string | "Se evapora" | El texto que se evapora (acepta saltos de línea). |
| size | number | 84 | Tamaño de la letra, en px. |
| color | string | "#eaf1ff" | Color de las letras. |
| steam | string | "" | Color del vapor (por defecto, el mismo que las letras). |
| intensity | number | 1 | Cuánto vapor suelta cada letra y qué tan alto sube. |
| heat | number | 80 | Radio de calor del cursor: las letras bajo él se evaporan, en px. |
| loop | boolean | true | Repite solo: se evapora y se vuelve a condensar cada cierto tiempo. |
| hold | number | 2.4 | Segundos que se queda el texto sólido antes de evaporarse. |
Sigue explorando
Contorno que se llena
GratisTexto en contorno que se llena de líquido con una ola que nace donde entra el cursor, y se vacía al salir.
Texto