FlyButton
A delightful, customizable button that transforms into a paper plane, flying away with smoke trail upon click. Perfect for all 'Send' or 'Submit' actions.
Made with Workshop
Build your own component with AI
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.
