Dodge Hero
A hero section that dodges your mouse .
Make it with Workshop
Build your own component with AI
About Component
💥 Tease, Engage, and Steal the Spotlight!
✨ Key Features
Smart Escape: An attractive "Sticky Note" that, upon a user's attempt to click it, swiftly flees from the cursor with a soft, fluid effect.
Friendly Trolling: As the note escapes, small, witty text messages appear randomly to lightly "troll" the user and bring a smile to their face.
Hero Section Ready: Designed to create an impressive and distinctive start that significantly boosts your website's Engagement Rate.
🎨 100% Customizable
We provide the tools you need to make this component perfectly align with your brand:
Color Customization: Easily change the color of the dots, the sticky note, and the trolling text.
Text Editing: Replace the default trolling texts with humorous and brand-relevant messages of your own.
Speed and Sensitivity Control: Full control over the escape speed and the safe distance of the sticky note from the mouse pointer.
Dimension Adjustment: Effortlessly switch between the Full Desktop version and the Compact Mobile version via Variants.
