Scroll Text Fill

Scroll-based interaction The text color fills progressively based on the user’s scroll position

Dual-layer text structure Built with separate base and fill layers for precise mask-based rendering

Direction control Choose from Left → Right, Right → Left, Top → Bottom, or Bottom → Top

Fully customizable Edit text, font family, font size, base color, and fill color

Clean property UI Direction is provided as a dropdown for a clean and intuitive control experience

Responsive & reusable Designed to work across layouts and easily reused as a component