---
title: "Ripple wave Button — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Edi Priatama · Buttons. click button with a smooth ripple wave"
canonical: "https://framer.elliotli.dev/component/ripple-wave-button"
---

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

# Ripple wave Button

Ripple Wave Button Effect

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

![Ripple wave Button preview image 1](https://framer.elliotli.dev/og/component/ripple-wave-button/78faca0c8ca823f3/1600x1200.jpg)

## Summary

click button with a smooth ripple wave

## Description

a tactile click button with a smooth ripple wave that expands from the interaction point. Ideal for call-to-action buttons, landing pages, and interactive UI elements where user interaction should feel alive.

**Customizable Options :**

**Label** : Set the button text.

**Link** : Add a destination URL that opens on click.

**Background** : Define the button’s background color.

**Text Color** : Set the label color.

**Ripple Color** : Choose the color of the expanding ripple effect.

**Radius** : Adjust the button’s corner roundness.

**Font** : Customize font family, size, weight, letter spacing, and line height.

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

-   All · #7865

## Details

- **Author**: Edi Priatama
- **Price**: $3.00
- **Published**: 2025-12-30
- **Updated**: 2026-10-25
- **Added**: 2025-12-15
- **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