Skip to main content
Highlight your text with continuous sparkle animations and customizable colors.

​
Usage

<SparklesText
  text="Sparkles Text"
  :sparklesCount="10"
  :colors="{first: '#A07CFE', second: '#FE8FB5'}"
/>

​
Props

​
class
string
default:"-"
The class to be applied to the sparkles text.
​
text
string
default:""
The text to display.
​
sparklesCount
number
default:"10"
Number of sparkles that appear on the text.
​
colors
object
default:"{first: '#A07CFE', second: '#FE8FB5'}"
The sparkles colors with first and second properties.

​
Credits

Build docs developers (and LLMs) love

Get started for freeTalk to us