Components/GlowText
Universal Component

GlowText

/“”

This page was migrated by AI, please review carefully

Migration is complete, but please validate against source code and manual review.

GlowText

/“”

adaptive is enabled by default (container-level shimmer, good for images/cards); for text use mode="text-clip" so shimmer clips to glyphs.

text-clip currently sweeps right → left (aligned with the ShinyText reference).

Basic Usage

GlowText

Demo loads on client.

Applied to Images/Cards

GlowText on image

Demo loads on client.

More Examples

GlowText in UI

Demo loads on client.

API

Props

PropTypeDefaultDescription
tagstringspanDescription for tag.
activebooleantrueDescription for active.
repeatbooleantrueDescription for repeat.
durationMsnumber1400Description for durationMs.
delayMsnumber0Description for delayMs.
anglenumber20Description for angle.
bandSizenumber38Description for bandSize.
colorstringrgba(255, 255, 255, 0.9)Description for color.
opacitynumber0.75Description for opacity.
blendModestringscreenDescription for blendMode.
mode'classic' | 'adaptive' | 'text-clip'adaptiveText(text-clip Text)
backdropstring-Description for backdrop.
radiusnumber10Description for radius.
Was this helpful?