---
title: "Send Button — Framer component · Best of Framer"
description: "$10.00 · Framer component · by EstherGrimm  · Buttons. Add a touch of delight to your user interactions with this premium, motion-driven Send button."
canonical: "https://framer.elliotli.dev/component/send-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Send Button

# Send Button

Animated Send Button with Flying Icon

[View on Framer](https://framer.com/marketplace/components/send-button/?via=elliot-li)

![Send Button preview image 1](https://framer.elliotli.dev/og/component/send-button/296a3be1420ba12b/1600x1200.jpg)

## Summary

Add a touch of delight to your user interactions with this premium, motion-driven Send button.

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #10231

## Details

- **Author**: EstherGrimm
- **Price**: $10.00
- **Published**: 2026-05-11
- **Updated**: 2026-05-11
- **Added**: 2026-04-26
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything