---
title: "Liquid Glass Button — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Danyal Asif · Buttons. A highly customizable component that replicates Apple’s signature liquid-glass button aesthetic."
canonical: "https://framer.elliotli.dev/component/liquid-glass-button"
---

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

# Liquid Glass Button

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

![Liquid Glass Button preview image 1](https://framer.elliotli.dev/og/component/liquid-glass-button/d9e3048c3d9d115f/1600x1200.jpg)

## Summary

A highly customizable component that replicates Apple’s signature liquid-glass button aesthetic.

## Description

A highly customizable component that replicates Apple’s signature liquid-glass button aesthetic. Built with performance and flexibility in mind, it combines layered transparency, blur effects and subtle lighting to create depth and realism without compromising responsiveness.

**Key Features:**

-   True liquid-glass appearance using layered blur and gradients
    
-   Smooth Framer Motion animations for hover and press states
    
-   Adjustable parameters: color, blur intensity, glow strength, corner radius and much more
    
-   Fully responsive and adaptive for all screen sizes
    
-   Ready-to-use with Framer’s design controls
    

**Usage:**

**Simply copy-paste the component in your project and you're good to go. The component is very user-friendly as all the controls are properly labeled.**

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

-   All · #3839

## Details

- **Author**: Danyal Asif
- **Price**: $5.00
- **Published**: 2025-10-22
- **Updated**: 2025-10-22
- **Added**: 2025-10-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