Icon Fly Away Button
Bring your buttons to life with motion and flair. The Animated Icon Fly Away Button adds a dynamic hover effect where any PNG image from hearts to envelopes, flies and fades.
Made with Workshop
Build your own component with AI
Animated Icon Fly Away Button
The Animated Icon Fly Away Button is a playful, motion-driven component that adds an interactive touch to any website. When users hover, custom PNG icons burst outward and fade away, creating a delightful moment of motion that draws attention and enhances engagement.
Ideal for contact forms, ‘like’ buttons, or call-to-action prompts, this button is fully customizable - letting you upload any icon, control its speed and direction, and blend it seamlessly into your site’s style.
Key Features:
💫 Custom PNG Support: Upload any image - hearts, stars, envelopes, or your own icon for unique hover effects.
⚙️ Full Motion Control: Adjust fly direction, fade duration, and animation speed with ease.
🎨 Flexible Styling: Works with any button design or background to suit your brand aesthetic.
🧩 Lightweight & Seamless: Smooth, performant animation built natively for Framer.
📱 Responsive Design: Looks great on all screen sizes and hover states.
Add energy to your interface with smooth, expressive motion and buttons that feel truly alive!
