Sparkles Text
A dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.
API
| Prop Name | Type | Default | Description |
|---|---|---|---|
class | string | - | The class to be applied to the sparkles text. |
text | string | `` | The text to display. |
sparklesCount | number | 10 | sparkles count that appears on the text. |
colors | object | {first: '#A07CFE'; second: '#FE8FB5';} | The sparkles colors. |
Component Code
You can copy and paste the following code to create these components:
SparklesText.vue
Credits
- Credits to SivaReddy Uppathi for this component.
- Inspired from Magic UI.
- Credits to M Atif for updating this component.