---
title: "Icon Slide In Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Imesh Dilshan · Buttons. A premium animated CTA with sliding icon"
canonical: "https://framer.elliotli.dev/component/icon-slide-in-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Icon Slide In Button

# Icon Slide In Button

A premium animated CTA with sliding icon

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

![Icon Slide In Button preview image 1](https://framer.elliotli.dev/og/component/icon-slide-in-button/a777f6488c8a4dbc/1600x1200.jpg)

## Summary

A premium animated CTA with sliding icon

## Description

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-2q8y72r7-1eAysRtlIQCLSAfGVisAFWaNRCMIXQ)](https://www.framer.com/marketplace/components/overlapping-slider/)

## ⚡ Bring Your Buttons to Life

Turn boring buttons into irresistible clicks.This modern, animated button doesn’t just sit there—it _reacts_ the moment visitors hover, filling with vibrant color in a smooth, addictive motion. It’s more than a button; it’s a micro-experience your audience will _love to engage with_.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-5n57c3vh-U4MwT3mxzM3Nw6UsDTybBjUCa1XjZA)

✨ **What Makes It Special?**

-   **Your Words, Your Destination** – Drop in your own text and link it anywhere—products, pages, or sign-ups.
    
-   **One-Click Customization** – Effortlessly match your brand’s colors, styles, and vibe.
    
-   **Icon Swap Magic** – Add or change icons in seconds—no code required.
    
-   **Instant Setup** – Copy, paste, and watch your site instantly transform.
    

💡 **Why You’ll Love It**

-   🎨 _Portfolios_: Make your CTAs look as good as your work.
    
-   🛒 _E-Commerce_: Turn “Add to Cart” into “Can’t Resist.”
    
-   🚀 _Landing Pages_: Boost conversions with buttons that beg to be clicked.
    
-   ✍️ _Blogs_: Keep readers exploring with links they can’t ignore.
    
-   🎟 _Events_: Drive RSVPs and sign-ups with stand-out CTAs.
    

👉 **One hover, and you’ll see why this button is impossible to ignore.**

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

-   All · #3202

## Details

- **Author**: Imesh Dilshan
- **Published**: 2025-08-14
- **Updated**: 2026-05-07
- **Added**: 2025-08-10
- **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