Liquid Glass UI

Liquid Glass UI, glassmorphism, dark

Preview image. Unlock full-res

A dark glassmorphism interface mockup is warped by ripple-like distortion across its panels and controls.

Moodbold
Palette
#000000
#252626
#5B5C5C

Summary

A dark glassmorphism interface mockup is warped by ripple-like distortion across its panels and controls.

Visual description

A dark UI panel featuring three stacked horizontal modules with rounded corners and glassmorphism effects. The top module contains a "Canvas" dropdown and geometric icons, the middle contains "Pages", "Layers", and "Assets" tabs, and the bottom is a search bar. The color palette is monochromatic black and grey with white sans-serif typography and subtle inner glows.

Key takeaway

Use high-contrast inner borders and subtle specular highlights on rounded containers to create a tactile, glass-like depth against a dark background.

Reuse notes

Reach for this as a ui screen reference. Pairs with experimental, high contrast directions. Original by benjamin.

More like this