Introducing Magic UI Pro - 50+ blocks and templates to build beautiful landing pages in minutes.


Docs
Sparkles Text

Sparkles Text

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

Magic UI

Installation

npx magicui-cli add sparkles-text

Props

PropTypeDescriptionDefault
textstringThe text to display-
classNamestringThe class name to be applied to the sparkles text.-
sparklesCountnumbersparkles count that appears on the text10
colorsobjectthe sparkles colors{first: '#A07CFE'; second: '#FE8FB5';}

Credits