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

Command Palette

Search for a command to run...

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

Usage

import { SparklesText } from "@/components/magicui/sparkles-text";
<SparklesText>Sparkles Text</SparklesText>

Props

PropTypeDefaultDescription
childrenstring-The content to display
classNamestring-The class name to be applied to the sparkles text.
sparklesCountnumber10sparkles count that appears on the text
colorsobject{first: '#A07CFE', second: '#FE8FB5'}the sparkles colors

Credits