Sparkles Text
Scatter twinkling sparkle particles around text.
Create a Sparkles Text pattern for an AI-generated interface. It should help with scatter twinkling sparkle particles around text. Use a restrained black, white, and gray visual style, strong hierarchy, and product-grade spacing. The interaction should feel magical, practical, and easy to scan.
Do not make the sparkles text flashy, noisy, over-animated, or decorative for its own sake. Avoid random glow, heavy gradients, excessive borders, oversized type, unclear hierarchy, and generic SaaS filler.
{
"id": "sparkles-text",
"category": "text-effects",
"trigger": "on load",
"target": "sparkles text",
"duration": "320ms",
"easing": "cubic-bezier(0.22, 1, 0.36, 1)",
"feeling": [
"magical",
"practical",
"precise"
],
"palette": [
"black",
"white",
"gray"
]
}
Usage notes
Short guidance for humans and AI tools before copying the pattern.
Use Sparkles Text when you need scatter twinkling sparkle particles around text. It works best when the interface needs clarity before spectacle.
Do not make the sparkles text flashy, noisy, over-animated, or decorative for its own sake. Avoid random glow, heavy gradients, excessive borders, oversized type, unclear hierarchy, and generic SaaS filler.
Create a Sparkles Text pattern for an AI-generated interface. It should help with scatter twinkling sparkle particles around text. Use a restrained black, white, and gray visual style, strong hierarchy, and product-grade spacing. The interaction should feel magical, practical, and easy to scan.