Saltar al contenido
Texto Gratis

Glitch RGB

Texto limpio que cada tanto se parte en ráfagas cortas: canales RGB separados y franjas desplazadas.

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

Vista previa en vivo

SIGNAL

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { RGBGlitchText } 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"SIGNAL"El texto (acepta saltos de línea).
sizenumber96Tamaño de la letra, en px.
intensitynumber1Fuerza de la separación de canales y de los cortes.
intervalnumber2.8Segundos promedio entre ráfagas.
onHoverbooleantrueDispara una ráfaga al pasar el cursor por encima.
colorstring"#F4F5F7"Color del texto.

Sigue explorando

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

    Texto

  • 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