Skip to content

component

Liquid Glass Button

By Danyal Asif

Details

Summary

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

Description

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.

Rank history

Daily rank per list, from the first snapshot — lower is better.

11001200129138/148/228/309/79/15
  • All · #2913