Premium & Brand

Sparkles Text

Server Component

Twinkling sparkles around a phrase.

Import

tsx

import { SparklesText } from "@cronus-ui/ui";

bash

npx cronus-ui add sparkles-text

Twinkling sparkles around a phrase. Hidden under reduced motion.

Launch

tsx

<SparklesText className="font-display text-4xl text-fg">Launch</SparklesText>

Generated from the component's exported types.

Extends HTMLAttributes<HTMLSpanElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLSpanElement>`	—	—
`count`	`number`	`4`	Number of sparkles around the text. Clamped to `2–12`.