---
title: "SwoopLettro Button — Free Framer component · Best of Framer"
description: "Free Framer component · by OceanDevs · Buttons. Letter Swoop & Color Sweep"
canonical: "https://framer.elliotli.dev/component/swooplettro-button"
---

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

# SwoopLettro Button

Letter Swoop & Color Sweep

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

![SwoopLettro Button preview image 1](https://framer.elliotli.dev/og/component/swooplettro-button/28baed475f15a003/1600x1023.jpg)

## Summary

Letter Swoop & Color Sweep

## Description

## About this Component

SwoopLettro is an advanced interactive button component in which each character animates independently on hover, with directional motion from above, below, or in an alternating sequence. A synchronized color sweep transforms the background, while a dynamic border sweep activates along the edges to reinforce interaction feedback. The entire system is fully customizable through the properties panel, with no code required.

### Features

-   **Per-letter swoop animation** — top, bottom, or alternating direction
    
-   **Staggered letter animation** with configurable timing control
    
-   **Directional background sweep** — 8 directions, including diagonals
    
-   **Gradient or solid fills** for both default and hover states
    
-   **Animated border** with sweep highlight on hover
    
-   **Glossy overlay** for enhanced depth and a refined finish
    
-   **Skew support** for editorial layouts
    
-   **Fully customizable typography** and animation timing from the properties panel
    
-   **Optional link support** with new tab handling
    

### Questions or custom requests?

We design and build custom Framer components tailored to your needs. Get in touch at: [**oceandevsofficial@gmail.com**](mailto:oceandevsofficial@gmail.com)

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

-   All · #7160

## Details

- **Author**: OceanDevs
- **Published**: 2026-05-30
- **Updated**: 2026-07-13
- **Added**: 2026-05-20
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow