---
title: "Wave Button — Free Framer component · Best of Framer"
description: "Free Framer component · by TaktForm · Buttons. Overview Transform your website's user interactions with this premium animated button component featuring stunning color wave effects…"
canonical: "https://framer.elliotli.dev/component/wave-button"
---

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

# Wave Button

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

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

## Summary

Overview Transform your website's user interactions with this premium animated button component featuring stunning color wave effects that create a polished UI for your site.

## Description

## Overview

Transform your website's user interactions with this premium animated button component featuring stunning color wave effects that create a polished UI for your site.

## Key Features

**Visual Effect**:

-   Smooth wave effects that flows through the button
    
-   Eye-catching color transitions that enhance user engagement
    
-   Professional, polished appearance suitable for any modern website
    

**Responsive Design**:

-   **Desktop** (2 variants): Beautiful wave effects from either bottom and top
    
-   **Tablet & Mobile**: Optimized pressed color states (no hover conflicts)
    
-   Seamless experience across all device types
    

**Complete Customization**:

-   Fully customize colors for every ripple
    
-   Customize the background color
    
-   Customize the text color for both Normal and Hover states
    
-   Customize the background on the pressed state
    
-   Variables with logical descriptions for everything
    

**Perfect For**:

-   Landing Pages
    
-   Hero Sections
    
-   Call-to-Action
    
-   Portfolio Websites
    

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

-   All · #1828

## Details

- **Author**: TaktForm
- **Published**: 2025-09-08
- **Updated**: 2025-09-08
- **Added**: 2025-08-25
- **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