---
title: "Glassy button — Free Framer component · Best of Framer"
description: "Free Framer component · by Adriano Reis · Buttons. Glassy Button Component A modern, glass-style button for Framer with smooth hover and pressed states."
canonical: "https://framer.elliotli.dev/component/glassy-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Glassy button

# Glassy button

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

![Glassy button preview image 1](https://framer.elliotli.dev/og/component/glassy-button/439d665445815c03/1600x1200.jpg)

## Summary

Glassy Button Component A modern, glass-style button for Framer with smooth hover and pressed states.

## Description

**Glassy Button Component**

A modern, glass-style button for Framer with smooth hover and pressed states. Features fully editable icon color and stroke width for quick customization. The subtle frosted background and soft shadows make it great for minimal, high-end interfaces.

**Key Features:**

-   Glassy, frosted look with depth and subtle shine
    
-   Interactive hover and pressed states
    
-   Adjustable icon color and stroke width
    
-   Works with any icon from your library
    
-   Ideal for dashboards, navigation, and modern UIs
    

\*\* The component uses the **Iconic** icon set, you need to add that vector set to your file to be able to swap icons on the component variable. See here:

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

-   All · #473

## Details

- **Author**: Adriano Reis
- **Published**: 2025-08-14
- **Updated**: 2026-03-19
- **Added**: 2025-08-12
- **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
