Add a touch of delight to your user interactions with this premium, motion-driven Send button. Designed specifically for Framer, this component uses fluid physics to create an engaging micro-interaction whenever a user hovers or clicks.
Core Features:
Dynamic Hover State: The paper plane icon smoothly takes flight (translates and rotates) while the button text elegantly slides aside to make room.
Tactile Click Effect: Includes a satisfying "press" animation (scale: 0.95) to give users immediate visual feedback upon interaction.
Auto-Layout Ready: Fully supports Framer's auto width and height constraints, naturally adapting to the text label and padding you set.
No-Code Customization: You don't need to touch a single line of code to make this button yours. Control everything directly from the Framer right-hand sidebar:
Content: Easily change the button label text.
Colors: Independent color pickers for the Background, Text, and the SVG Icon.
Styling: Adjust the Border Radius for sharp or pill-shaped buttons, tweak the Font Size, and define custom CSS Padding for perfect proportions.
Perfect For:
Contact forms and newsletter signups.
Chatbot interfaces and messaging apps.
Any primary Call-to-Action (CTA) that needs to stand out and feel alive.
Simply drag, drop, and customize to bring professional-grade motion design to your Framer site in seconds.
EstherGrimm 
