GlowText
/“”
GlowText
/“”
adaptiveis enabled by default (container-level shimmer, good for images/cards); for text usemode="text-clip"so shimmer clips to glyphs.
text-clipcurrently 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
| Prop | Type | Default | Description |
|---|---|---|---|
tag | string | span | Description for tag. |
active | boolean | true | Description for active. |
repeat | boolean | true | Description for repeat. |
durationMs | number | 1400 | Description for durationMs. |
delayMs | number | 0 | Description for delayMs. |
angle | number | 20 | Description for angle. |
bandSize | number | 38 | Description for bandSize. |
color | string | rgba(255, 255, 255, 0.9) | Description for color. |
opacity | number | 0.75 | Description for opacity. |
blendMode | string | screen | Description for blendMode. |
mode | 'classic' | 'adaptive' | 'text-clip' | adaptive | Text(text-clip Text) |
backdrop | string | - | Description for backdrop. |
radius | number | 10 | Description for radius. |
Was this helpful?