---
title: "Shiny Glass Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Jan van der Horst · Buttons. Shiny Glass Button - a meticulously crafted component designed to bring a premium, tactile feel to your Framer projects."
canonical: "https://framer.elliotli.dev/component/sleek-glass-button"
---

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

# Shiny Glass Button

Free Shiny Glass Button with Hover FX

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

![Shiny Glass Button preview image 1](https://framer.elliotli.dev/og/component/sleek-glass-button/6e213c1a8069f002/1600x1200.jpg)

## Summary

Shiny Glass Button - a meticulously crafted component designed to bring a premium, tactile feel to your Framer projects.

## Description

Shiny Glass Button

This is the high-fidelity **Shiny Glass Button** - a meticulously crafted component designed to bring a premium, tactile feel to your Framer projects. While most glassmorphism buttons feel flat, this one uses dynamic layering and physics-based interactions to create a truly "clickable" experience.

### Key Features

-   **Sleek Glint Animation:** A realistic light sweep/glint moves across the surface of the button on hover, mimicking how light hits real glass.
    
-   **Intensifying Background Blur:** Using advanced backdrop filters, the background blur depth increases dynamically when hovered, making the button "pop" against your content.
    
-   **Realistic Expanding Shadows:** Instead of a simple drop shadow, this component features multi-layered, soft shadows that expand and soften as you hover, simulating physical lift.
    
-   **Micro-Scale Feedback:** A smooth, spring-animated scale-up effect provides instant visual confirmation for the user.
    

### Endless Customization

This component is built to be flexible. You don't need to touch a single line of code to make it yours:

-   **Typography:** Change the label, font family, weight, and size directly in the Framer properties panel.
    
-   **Colour Palette:** Fully customizable glass tint, border colors, and text colors to match your brand's DNA.
    
-   **Blur & Transparency:** Dial the "frosted" look up or down by adjusting the background opacity and/or BG Blur level.
    
-   **Corner Radius:** Go from a sharp, modern rectangle to a soft, pill-shaped button in seconds.
    

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

-   All · #6653

## Details

- **Author**: Jan van der Horst
- **Published**: 2026-04-21
- **Updated**: 2026-04-22
- **Added**: 2026-04-07
- **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