Liquid Glass Button

Liquid Glass Button, 3d-render, glassmorphism, gradient

Preview image. Unlock full-res

A Framer-built liquid glass button paired with a chromatic metal shader, showcasing translucent refraction and glossy rainbow-edged materials.

Summary

A Framer-built liquid glass button paired with a chromatic metal shader, showcasing translucent refraction and glossy rainbow-edged materials.

Visual description

A single frosted-glass pill-shaped button sits centered on a neutral grey background. Its left side features a glossy orange-and-white icon orb recessed within a circular well, creating dimensional depth. White text reading "Ask agents" and a dropdown chevron float on the translucent button surface, enhanced by subtle inner shadows and highlight effects.

Key takeaway

Embed a small dimensional icon within a recessed circular well at the button edge to create perceived depth and focus attention without increasing overall button dimensions.

Reuse notes

Reach for this as a ui screen reference. Pairs with 3d, glassmorphism directions. Original by Tran Mau Tri Tam.

More like this