Formula Won Labs

Sparkling highlight text

Continuous small star sparkles appear and fade around the text, best used sparingly on one badge-like word (e.g. 'Featured', 'New'). Pass a `colors` object to match the sparkle color to brand accent.

MIT · magicuianimation-textreact-tailwind
Get a site with blocks like this
Live preview
open in new tab ↗
import { SparklesText } from "@/components/magicui/sparkles-text"

export function SparklesTextDemo() {
  return <SparklesText>Featured</SparklesText>
}
Block id: magicui-sparkles-textreact-tailwind · swap-content
More animation-text blocks
Staggered blur word-reveal headline
Staggered blur word-reveal headline
linear
Blur-in text animation
Blur-in text animation
magicui
Typewriter typing animation
Typewriter typing animation
magicui
Aurora gradient text accent
Aurora gradient text accent
magicui

Want the whole site, not just the block?

We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.

Get my free 15-min audit Book a Discovery Call