ScrollTextDistortion

Liquid Scroll Text Distortion

Scroll Text Distortion Scroll Text Distortion is an interactive typography component that creates a smooth liquid-like wave effect while users scroll. The animation dynamically reacts to scroll speed and screen size, then smoothly resets back to normal when scrolling stops for a polished user experience. Perfect for hero sections, portfolios, creative agencies, SaaS websites, landing pages, and modern editorial layouts. Features Liquid-style text distortion effect Scroll-responsive animation Adjustable sensitivity and direction Custom text, font, and color controls Vertical alignment and padding options Mobile-friendly and performance optimized Smooth reset animation after scrolling Designed to add motion, depth, and a premium interactive feel to modern Framer websites.

Liquid Scroll Text Distortion