Sparkles Text

A dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.

Install using CLI

npm
pnpm
bun
yarn
npx shadcn-vue@latest add "https://inspira-ui.com/r/sparkles-text.json"

Install Manually

Copy and paste the following code

SparklesText.vue

API

Prop NameTypeDefaultDescription
classstring-The class to be applied to the sparkles text.
textstring``The text to display.
sparklesCountnumber10sparkles count that appears on the text.
colorsobject{first: '#A07CFE'; second: '#FE8FB5';}The sparkles colors.

Credits

Radiant Text
A glare effect on text.
Spinning Text
The Spinning Text component animates text in a circular motion with customizable speed, direction, color, and transitions for dynamic and engaging effects.