component
Loop Shiny Text
By Sanna Granqvist
Details
- Sanna GranqvistAuthor
- componentType
- 2026-05-04Published
- 2026-05-04Updated
- 2026-05-03Added
- TextCategories
Summary
Animated shimmer for any text
Description
Works on any text — headings, hero copy, labels, links. The shimmer sweeps left, right, up, or down on a loop, with controls for speed and how long it pauses between passes. Want a richer effect? Switch on multi-color shine for a three-tone gradient instead of a single highlight band. You can wrap the whole thing in a link, toggle new-tab behavior, and switch between single-line and wrapping text. Font control is fully exposed so it fits whatever type system you're working with. Users with reduced motion get a static version automatically — no configuration needed on your end.
Introduction
Animated shimmer for any text
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #402