Sparkle Glitter Animated Text Generator

Sparkle Glitter settles the word in and then keeps working: small stars twinkle across and around the letterforms on independent cycles, so there is always something catching the light somewhere in the frame.

SPARKLE

Want to change the colour, sparkle shape or glitter grain? Open the Glitter Text Generator — 16 palettes, 7 sparkle shapes and 8 sliders, all built on this same animation.

What Sparkle Glitter is good for

How this animation is built

sp-in brings the word up, then sp-twinkle runs on each star with a different delay and duration so they never blink in unison — the detail that separates this from a single pulsing overlay. A feGaussianBlur/feMerge pair gives each point a soft bloom rather than a hard dot.

Tips for Sparkle Glitter

Sparkle Glitter questions

Do the sparkles follow the letters?

They are distributed across and around the word, so they stay related to the letterforms as the word scales rather than sitting in a fixed rectangle.

Related animation styles

Browse all 84 animated text styles