Skip to main content
Add a radiant glare effect that sweeps across your text.

​
Usage

<RadiantText
  :duration="10"
  :radiantWidth="100"
>
  Radiant Text
</RadiantText>

​
Props

​
duration
number
default:"10"
Duration of the animation in seconds.
​
radiantWidth
number
default:"100"
Width of the radiant animation.

​
Credits

Credits to Magic UI for this fantastic component.

Build docs developers (and LLMs) love

Get started for freeTalk to us