---
title: "Rippler Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Shakeb Mohammad · Buttons. About the Component: Rippler Button transforms a simple hover into a delightful interaction."
canonical: "https://framer.elliotli.dev/component/rippler-button"
---

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

# Rippler Button

A cursor-aware ripple hover effect

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

![Rippler Button preview image 1](https://framer.elliotli.dev/og/component/rippler-button/236231e238e92803/1600x1200.jpg)

## Summary

About the Component: Rippler Button transforms a simple hover into a delightful interaction.

## Description

**About the Component:** Rippler Button transforms a simple hover into a delightful interaction. As the cursor enters the button, a ripple originates from the exact point of entry and expands to fill the entire button, creating a smooth, responsive effect that feels both natural and engaging.

**Features**

-   Cursor-aware ripple animation
    
-   Ripple originates from the pointer's entry point
    
-   Smooth hover interaction
    
-   Lightweight and responsive
    
-   Fully customizable in Framer
    
-   Easy to drop into any project
    

**Customization Options**

From the properties panel, you can:

-   Change the button label
    
-   Customize colors
    
-   Adjust corner radius
    
-   Edit padding and size
    
-   Choose typography
    

**Perfect For**

-   Call-to-action buttons
    
-   Landing pages
    
-   Portfolio websites
    
-   SaaS products
    
-   Marketing pages
    
-   Modern UI designs
    

**What's Included**

-   Rippler Button component
    
-   Cursor-aware hover ripple animation
    
-   Fully customizable properties
    

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

-   All · #2021

## Details

- **Author**: Shakeb Mohammad
- **Published**: 2026-08-07
- **Updated**: 2026-08-08
- **Added**: 2026-08-07
- **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