Liquid Glass Button

Liquid Glass Button

About Liquid Glass Button

A highly customizable component that replicates Apple’s signature liquid-glass button aesthetic. Built with performance and flexibility in mind, it combines layered transparency, blur effects and subtle lighting to create depth and realism without compromising responsiveness.

Key Features:

  • True liquid-glass appearance using layered blur and gradients

  • Smooth Framer Motion animations for hover and press states

  • Adjustable parameters: color, blur intensity, glow strength, corner radius and much more

  • Fully responsive and adaptive for all screen sizes

  • Ready-to-use with Framer’s design controls

Usage:

Simply copy-paste the component in your project and you're good to go. The component is very user-friendly as all the controls are properly labeled.