---
title: "FlyButton — Free Framer component · Best of Framer"
description: "Free Framer component · by Ashilck · Buttons. Paper Plane Send Button Paper Plane Send Button is an animated button component built with Framer Motion, offering highly engaging visual…"
canonical: "https://framer.elliotli.dev/component/flybutton"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/FlyButton

# FlyButton

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

![FlyButton preview image 1](https://framer.elliotli.dev/og/component/flybutton/b65b1de53763c837/1600x1200.jpg)

## Summary

Paper Plane Send Button Paper Plane Send Button is an animated button component built with Framer Motion, offering highly engaging visual feedback for completion actions.

## Description

## Paper Plane Send Button

Paper Plane Send Button is an animated button component built with Framer Motion, offering highly engaging visual feedback for completion actions. When clicked, the button transforms into a dramatic animation where the label vanishes and a paper plane icon emerges, executing a fast, smoke-trailed flight path to the right, symbolizing successful submission or delivery.

### Key Features:

-   **Anticipatory Animation:** When clicked, the button transforms from a static label into a dynamic visual sequence. The text moves up and fades out, while a paper plane icon emerges from below.
    
-   **Dramatic Flight:** The plane pauses briefly at the center before launching quickly to the right, simulating a swift departure.
    
-   **Visual Feedback:** Cloud/smoke particles trail the paper plane as it accelerates, adding a layer of sophisticated visual flair.
    
-   **Full Customization:** Easily adjust the Label, Background Color, Text Color, Font Styles, and Border Radius to seamlessly match your design system.
    

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

-   All · #7835

## Details

- **Author**: Ashilck
- **Published**: 2025-12-10
- **Updated**: 2025-12-30
- **Added**: 2025-12-02
- **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