Letras magnéticas
GratisCada letra es atraída por el cursor con un resorte con rebote, y se tiñe y crece al acercarse.
Texto
Texto en lámina de oro con relieve y destello especular al mover el cursor.
1. Instala el paquete
npm i furin2. Impórtalo
import { GoldFoilText } 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 |
|---|---|---|---|
| children | string | "GOLD" | El texto que se estampa en lámina de oro (acepta saltos de línea). |
| size | number | 112 | Tamaño de la letra, en px. |
| relief | number | 0.6 | Profundidad del relieve: bisel del borde y arrugas de la lámina (0 a 1). |
| grain | number | 0.6 | Cantidad de micro-grano que centellea en la lámina (0 a 1). |
| intensity | number | 1 | Brillo de la luz de estudio que refleja el oro. |
| tint | string | "#f6c453" | Color de la lámina (oro cálido por defecto). |
| sweep | boolean | true | Deja que el reflejo pasee solo cuando no hay cursor. |
Cada letra es atraída por el cursor con un resorte con rebote, y se tiñe y crece al acercarse.
Texto
Escribe, borra y reescribe frases con ritmo humano, pausas en la puntuación y un cursor que parpadea.
Texto
Número cuyas cifras ruedan hacia el nuevo valor con desenfoque de movimiento vertical, una tras otra.
Texto