---
title: "Fluid Glass Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Saadat Ali · Buttons. Interactive liquid glass button effect"
canonical: "https://framer.elliotli.dev/component/fluid-glass-button"
---

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

# Fluid Glass Button

Interactive liquid glass button effect

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

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

## Summary

Interactive liquid glass button effect

## Description

\-----------------------------------------------------------------------------------------------

## Add More Premium Components To Your Projects:

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-g094t2v1-8wrj2R4JsfS8dz3uRkUmPxMk3a0JAx)](https://marketplace.framer.com/@saadat-ali-designsbysadat/)[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ectn8thw-7b1PJqGkGxVCbwcjGww89DIM89TglR)](https://www.framer.com/marketplace/components/liquid-glass-logo/)

### Details

-   Fluid glass shader animation
    
-   Smooth hover-based distortion
    
-   Click ripple surge effect
    
-   Dynamic highlights and particle motion
    
-   Customizable base and glass colors
    
-   Adjustable hover speed
    
-   Supports links and click actions
    
-   Built with React Three Fiber
    
-   Optimized for Framer canvas and preview
    
-   Fully responsive layout
    

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

-   All · #348

## Details

- **Author**: Saadat Ali
- **Published**: 2026-04-22
- **Updated**: 2026-06-16
- **Added**: 2026-04-05
- **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