---
title: "Slide-to-action CTA — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Waaiz Hussain · Buttons. iOS-style slide-to-action button"
canonical: "https://framer.elliotli.dev/component/slide-to-action-cta"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Slide-to-action CTA

# Slide-to-action CTA

iOS-style slide-to-action button

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

![Slide-to-action CTA preview image 1](https://framer.elliotli.dev/og/component/slide-to-action-cta/5d54308e9775dcf5/1600x1067.jpg)

## Summary

iOS-style slide-to-action button

## Description

**Slide to action CTA, iOS-style.**

A fully customizable slide button inspired by the classic iOS "slide to answer" gesture. Drag the thumb across the track to trigger any action — perfect for CTAs, confirmations, or linking straight to another page.

**Features**

-   Smooth drag gesture with spring-back if the slide isn't completed
    
-   Fully customizable track color, thumb color, thumb size, and padding
    
-   Swap the thumb between a solid color or a custom image — great for profile links, portfolio buttons, or personal branding
    
-   Built-in link field — sliding navigates to any URL, opening in the same tab or a new one
    
-   Adjustable label text, success message, text color, and navigation delay
    
-   Auto-sizing layout that hugs its content, no manual resizing needed
    

**Use cases**

-   Portfolio/profile links ("Slide to see my work")
    
-   Newsletter or waitlist signups
    
-   Confirming purchases or bookings
    
-   Any CTA that benefits from a playful, tactile interaction
    

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

-   All · #8813

## Details

- **Author**: Waaiz Hussain
- **Price**: $3.00
- **Published**: 2026-07-11
- **Updated**: 2026-07-12
- **Added**: 2026-07-11
- **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