---
title: "Black Glass Button — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Bora Ezer · Buttons. Designed as a sleek black glass button by default, it can be easily transformed into colored glass using variables."
canonical: "https://framer.elliotli.dev/component/black-glass-button"
---

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

# Black Glass Button

2.5D glass button with dynamic lighting

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

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

## Summary

Designed as a sleek black glass button by default, it can be easily transformed into colored glass using variables.

## Description

A modern, high-fidelity UI component built entirely with native Framer features. Designed as a sleek black glass button by default, it can be easily transformed into colored glass using variables. It recreates a premium glassmorphism look with layered gradients, soft shadows, and subtle 3D depth.

**Customizable Properties**

-   Text
    
-   Font size
    
-   Base color, radius, padding
    
-   Hover color and blur
    
-   Shadow amount
    
-   Reflection amount
    

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

-   All · #11175

## Details

- **Author**: Bora Ezer
- **Price**: $4.00
- **Published**: 2026-04-10
- **Updated**: 2026-04-10
- **Added**: 2026-03-27
- **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