Saltar al contenido
Texto Gratis

Lámina dorada

Texto en lámina de oro con relieve y destello especular al mover el cursor.

Plan
Gratis · MIT
Dependencias
Solo React
Props
7 (7 ajustables)

Vista previa en vivo

GOLD

Instalación

1. Instala el paquete

npm i furin

2. 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.

Props

PropTipoPor defectoDescripción
childrenstring"GOLD"El texto que se estampa en lámina de oro (acepta saltos de línea).
sizenumber112Tamaño de la letra, en px.
reliefnumber0.6Profundidad del relieve: bisel del borde y arrugas de la lámina (0 a 1).
grainnumber0.6Cantidad de micro-grano que centellea en la lámina (0 a 1).
intensitynumber1Brillo de la luz de estudio que refleja el oro.
tintstring"#f6c453"Color de la lámina (oro cálido por defecto).
sweepbooleantrueDeja que el reflejo pasee solo cuando no hay cursor.

Sigue explorando

  • 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