ScrollTextDistortion
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.
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.
Avesh Mishra
