Sparkles Text
A premium text animation component that surrounds your text with multi-colored twinkling stars.
Preview
Installation
pnpm dlx vibe-ui-kit@latest add sparkles-text
Variations
Custom Sparkle Colors
twinkles color theme customizable via the colors property object.
Usage
import { SparklesText } from "@/components/ui/sparkles-text"<SparklesText>Sparkles</SparklesText>Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | "" | Primary text content to display with sparkling stars |
sparklesCount | number | 10 | Number of animated sparkle stars generated |
colors | | | Color palette for sparkle stars |
className | string? | "" | Additional classes for the container |
This SparklesText component overlays dynamic animated sparkle star particles around heading text.
Contributors
JS
Jenish Sabhadiya