---
title: "Glass Button KStudio — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Brian Karungani · Buttons. Glass buttons with tactile motion"
canonical: "https://framer.elliotli.dev/component/glass-button-kstudio"
---

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

# Glass Button KStudio

Glass buttons with tactile motion

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

![Glass Button KStudio preview image 1](https://framer.elliotli.dev/og/component/glass-button-kstudio/1d0029659872da2a/1600x920.jpg)

## Summary

Glass buttons with tactile motion

## Description

## Glass Button - Premium Animated Glassmorphism CTA

**Smooth jiggle animations, depth controls, and production-ready polish for landing pages, dashboards, portfolios, and SaaS products.**

## Who It's For

-   **Designers** - Add polished animated glass buttons to prototypes and production instantly
    
-   **SaaS Founders** - Ship beautiful conversion-focused CTAs for pricing and heroes
    
-   **Agencies** - Reuse one flexible button across all client projects
    
-   **Solo Devs** - Get pro-level animated buttons without CSS headaches
    

## Quick Start

1.  Drop Glass Button on your canvas
    
2.  Set a Label like "Start Free Trial"
    
3.  Add an Icon (optional)
    
4.  Connect a Link if needed
    

Smooth hover and click animations, rim lighting, glow effects, and accessible focus states included.

## Key Features

**Jiggle Animations** - Elastic motion on hover and click with Light, Medium, or Heavy intensity

**Depth Controls** - Flat, Standard, or Inflated glass thickness for any use case

**Glass and Glow** - Tune tint, blur, radius, border width, and rim glow rotation

**Typography** - Full control over font, size, weight, and colors

**Responsive** - Fills parent container. Size via Frames, Stacks, or Grids

**Accessible** - Keyboard-navigable with clear focus ring

## Example Setups

-   **SaaS Pricing** - Standard depth, no jiggle, 1.08 hover, Inter 18px bold
    
-   **Portfolio Hero** - Inflated depth, medium jiggle, 1.16 hover, strong glow
    
-   **Dashboard Toolbar** - Flat depth, no jiggle, 1.06 hover, compact padding
    

## Why You'll Love It

One component, endless styles. From minimal SaaS UI to bold marketing buttons with zero code tweaks. Reuse across all projects with custom-feeling animations.

**Use for:** Pricing pages, hero sections, onboarding, portfolios, toolbars, and CTAs.

_Drop it in, customize, and ship._

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

-   All · #6049

## Details

- **Author**: Brian Karungani
- **Price**: $5.00
- **Published**: 2026-09-10
- **Updated**: 2026-10-12
- **Added**: 2026-09-10
- **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