SparklesText

Wraps any text or content with randomly repositioning sparkle star particles that animate continuously around it.

import { SparklesText } from "@animui/ui"

Basic

Wrap any heading to add the default six sparkles.

Hello, Sparkles!

More sparkles

Increase sparkleCount for a denser, more energetic effect.

More Sparkles!

Props

PropTypeDefaultDescription
childrenReactNodeText or content around which sparkles appear.
sparkleCountnumber6Number of simultaneous sparkle particles.
colorsstring[]["#fbbf24","#f59e0b","#fde68a","#fcd34d"]Pool of colors randomly assigned to sparkles.
classNamestringAdditional classes.
© 2026 Steal Shadow. MIT License.Report an issue