---
title: "SwipeLettersButton — Free Framer component · Best of Framer"
description: "Free Framer component · by Shaigexp · Buttons. What you can customise Content & Layout Label — your button text Align — Start / Center / End Padding — X / Y Radius — from subtle to full pill…"
canonical: "https://framer.elliotli.dev/component/swipelettersbutton"
---

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

# SwipeLettersButton

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

![SwipeLettersButton preview image 1](https://framer.elliotli.dev/og/component/swipelettersbutton/165368694591dc00/1600x1200.jpg)

## Summary

What you can customise Content & Layout Label — your button text Align — Start / Center / End Padding — X / Y Radius — from subtle to full pill Colors Background Text Border —…

## Description

## What you can customise

**Content & Layout**

-   **Label** — your button text
    
-   **Align** — Start / Center / End
    
-   **Padding** — X / Y
    
-   **Radius** — from subtle to full pill
    

**Colors**

-   **Background**
    
-   **Text**
    
-   **Border** — toggle on/off + color
    

**Typography**

-   **Font** (family), **Weight**, **Size**, **Letter-spacing** (px/em)
    

**Motion**

-   **Swipe From** — Top / Bottom / Alternate
    
-   **Duration (ms)** — how fast each letter moves
    
-   **Easing** — ease, ease-in/out, or snap (cubic-bezier)
    
-   **Stagger (ms)** — delay between letters
    

Want to navigate somewhere? Wrap the component in a Link or add a click interaction in Framer.

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

-   All · #1260

## Details

- **Author**: Shaigexp
- **Published**: 2025-08-20
- **Updated**: 2025-08-19
- **Added**: 2025-08-13
- **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