About Avoiding Text
Keyfeaturs
Physics-Based Animations: Powered by Framer Motion (useSpring) for incredibly smooth and organic movement.
Word-Level Detection: Each word reacts individually based on its exact distance and angle to the cursor.
Fully Customizable: Tweak the avoid strength and interaction radius directly via Framer Property Controls.
Adjustable Bounce: Fine-tune the spring physics with custom bounce speed and damping settings.
Smart "Only on Movement" Mode: Words gracefully return to their original position after an adjustable delay when the mouse stops moving.
Native Framer Integration: Full support for standard typography and color controls for seamless designing.
Ideal Use Cases
Hero Sections: Large, memorable headlines that instantly invite users to interact as soon as they land on the page.
404 Error Pages: A playful element where users can "chase" the text, turning a frustrating dead end into a fun micro-interaction.
Creative Portfolios: Perfect for designers and developers looking to showcase modern web experiences and interactive flair.
Easter Eggs & Quotes: Hidden interactions on otherwise static pages to increase engagement and time spent on site.
Call-to-Action Areas: A slightly unconventional but highly effective way to draw attention to a specific section.
Feedback or a feature request?
Help make this component even better! If you have ideas, requests, or just want to show your support, feel free to reach out. 🤍
