Saltar al contenido
Texto Gratis

Barrido satinado

Un brillo satinado recorre el texto como luz sobre aluminio.

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

Vista previa en vivo

Aluminio satinado

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { ShimmerSweep } 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"Aluminio satinado"Texto que recorre el brillo.
tone"aluminum" | "titanium" | "gold""aluminum"Metal de las letras.
sizenumber56Tamaño de la letra, en px.
speednumber1.6Segundos que tarda el brillo en cruzar el texto.
pausenumber2.2Segundos de descanso entre barridos.
anglenumber100Inclinación de la franja de luz, en grados.
intensitynumber1Fuerza del brillo.
depthnumber1Relieve del bisel de las letras.

Sigue explorando

  • 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

  • El texto se arma desde una nube de partículas con resortes; el cursor las dispersa y vuelven solas a su sitio.

    Texto