DiaTextReveal

Una banda de color barre el texto antes de asentarse.

  • Código: RODD·TX·040
  • Familia: Tipografía
  • Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT

Cómo instalarlo

npx shadcn@latest add "https://magicui.design/r/dia-text-reveal.json"

Cuándo usarlo

Úsalas en titulares y mensajes clave. Una por pantalla: si todo se mueve, nada destaca.

Props para personalizarlo

PropTipoPor defecto
textstring | string[]
colorsstring[]DEFAULT_COLORS
textColorstring"var(--foreground)"
durationnumber1.5
delaynumber0
repeatbooleanfalse
repeatDelaynumber0.5
startOnViewbooleantrue
oncebooleantrue
classNamestring
fixedWidthbooleanfalse

Otros efectos de tipografía

  • GlitchText — Glitch RGB con separación de canales y temblor.
  • LineShadowText — Texto con una sombra de líneas en movimiento.
  • ScaleLetterText — Las letras crecen al pasar el ratón.
  • ScrollVelocity — Marquesina cuya velocidad depende de lo rápido que hagas scroll.
  • SplitText — Divide el texto en letras o palabras para una entrada escalonada.
  • TextCursorProximity — Las letras reaccionan a la cercanía del cursor.