Liquid Glass Button

A highly customizable component that replicates Apple’s signature liquid-glass button aesthetic.

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.