component
Animated Text Fill
By Anastasia Satnichenka
Details
- Anastasia SatnichenkaAuthor
- componentType
- 2026-07-20Published
- 2026-09-02Updated
- 2026-07-20Added
- TextCategories
Summary
Animated Text Fill clips layered color panels inside editable SVG text.
Description
Animated Text Fill clips layered color panels inside editable SVG text. Choose up to eight colors, reveal them from any direction, and trigger the animation on loop, hover, or viewport entry. Includes multiline typography, responsive fitting, custom shadows, replay controls, reduced-motion support, static-renderer compatibility, and zero dependencies.
Introduction
Animated color panels inside type.
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #5486