Liquid Lens Button

About Liquid Lens Button

A small optical object on the page: thick-edged transparent glass, a double refractive outline, an inner glow and a specular line that travels with the cursor. It leans towards the pointer with a magnetic spring and compresses when pressed. No fake screenshot of the page behind it — the real background shows through. Backdrop distortion is a progressive enhancement; every browser keeps the layered glass.

Features

• Four presets: Clear, Frosted, Dark and Warm

• Real backdrop blur and refraction, with a solid-colour fallback

• Specular highlight that travels with the cursor

• Magnetic lean towards the pointer, with adjustable strength

• Icon support, icon-only mode, and free shape and radius

• Accessible label and disabled state

• 41 controls in the Framer properties panel

• Respects prefers-reduced-motion

• Renders correctly on the Framer canvas and in export

Created by LUNAUT Studio.