Skip to content

component

Swoopy Button

By Astrid Mottes

Details

Summary

Swoopy Button is a modern animated button designed to bring fluid motion and personality to your Framer projects.

Description

Swoopy Button is a modern animated button designed to bring fluid motion and personality to your Framer projects. On hover , a circle smoothly swoops from one side of the button to the other with a satisfying bouncy transition, creating a dynamic effect that feels both refined and playful. Fully customizable , you can easily adjust colors, text, icons, and animation settings to fit any design system. Perfect for CTAs, navigation links, or any element where you want to turn a simple interaction into a memorable micro-interaction.

Introduction

Hover to swoop. Fluid, bouncy.

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600169858/148/228/309/79/15
  • All · #3731