Also called Animated Shiny Text, Metallic Shimmer Text, Gradient Text Shimmer
A bright highlight sweeps repeatedly across the letters.
Use for
Badges, announcement pills
Add a "Shimmer Text" effect (also called animated shiny text or metallic shimmer text) to [where].
A band of light should sweep smoothly across the letters from left to right, then repeat after a short pause.
Keep the text readable under the highlight, and keep it still for users who prefer reduced motion.
Also called Skeleton wave, Shimmer effect, placeholder-wave
Gray placeholder shapes show a light highlight sweeping across them.
Use for
Content loading placeholders
Add a "Skeleton Shimmer" (also called a skeleton wave or shimmer effect) to [where].
A soft band of light should sweep across the gray placeholder shapes from left to right and pause briefly before the next pass: smooth and unhurried.
Match the placeholder shapes to the real layout so nothing jumps when the content loads, and show static placeholders to users who prefer reduced motion.
Also called Glare hover, Glare card, Magic card, Glare
A bright highlight follows the pointer across a card surface like a reflection.
Use for
Premium or collectible cards
Add a "Glare / Holographic Card" effect (also called a glare card or glare hover) to [where].
A soft bright highlight should follow the pointer across the card surface like light reflecting off it, while the card leans slightly toward the pointer; both fade away when the pointer leaves: smooth and subtle.
Let clicks pass through the glare layer, keep the content readable under it, and show the card without glare on touch devices.
Also called Shine border, Animated border, Glowing effect, Moving Border
A bright highlight travels around the border of a card.
Use for
Featured cards, CTAs
Add a "Border Beam" effect (also called a shine border or moving border) to [where].
A short bright highlight should travel around the card's border at an even, unhurried pace, looping without a visible jump.
Keep the card's content and size unchanged by the effect, and stop the beam for users who prefer reduced motion.