---
title: "AppleLiquidButton — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Syed Saboor · Buttons. Liquid Glass Button Recreate Apple's stunning Liquid Glass interface from macOS Tahoe and iOS 26 with this premium button component."
canonical: "https://framer.elliotli.dev/component/appleliquidbutton"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/AppleLiquidButton

# AppleLiquidButton

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

![AppleLiquidButton preview image 1](https://framer.elliotli.dev/og/component/appleliquidbutton/4e73761bbf9c9ebe/1600x1200.jpg)

## Summary

Liquid Glass Button Recreate Apple's stunning Liquid Glass interface from macOS Tahoe and iOS 26 with this premium button component.

## Description

**Liquid Glass Button**

Recreate Apple's stunning Liquid Glass interface from macOS Tahoe and iOS 26 with this premium button component. Featuring authentic glass morphism effects including dynamic refraction, chromatic aberration, and multi-layered lighting that perfectly mimics real glass materials.

**Key Features:**

-   **20+ Built-in Icons** - Curated icon library with flexible positioning (left, right, top, bottom)
    
-   **Advanced Glass Effects** - Authentic backdrop filters with saturation, brightness, and blur controls
    
-   **Apple-Accurate Lighting** - Multi-directional highlights and curved reflections matching Apple's design system
    
-   **Interactive States** - Smooth hover and press animations with ripple effects
    
-   **Chromatic Aberration** - Subtle color separation for realistic glass physics
    
-   **Full Typography Control** - Complete text styling with custom fonts, weights, and spacing
    
-   **Responsive Design** - Auto-sizing with customizable padding and corner radius
    
-   **Performance Optimized** - Lightweight SVG icons with smooth 60fps animations
    

Perfect for modern interfaces, dashboards, hero sections, and any design requiring Apple's signature translucent aesthetic. The component automatically adapts to light and dark backgrounds, ensuring perfect visibility in any context.

**What's Included:**

-   Complete code component ready for Framer
    
-   Comprehensive property controls for easy customization
    
-   Built-in icon library (expandable)
    
-   Multiple glass effect presets
    
-   Responsive sizing options
    

Transform your designs with the same liquid glass effect that defines Apple's latest interface language. No external dependencies required - simply drop into your Framer project and customize to match your brand.

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

-   All · #5590

## Details

- **Author**: Syed Saboor
- **Price**: $5.00
- **Published**: 2025-10-01
- **Updated**: 2025-10-01
- **Added**: 2025-09-23
- **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