Liquid Glass UI Kit

Soft glass, aurora glow, and translucent control layers

A frontend handoff board reimagined with large glass panels, luminous pills, frosted inputs, toggles, and cards that work equally well in light and dark themes.

⌕

whitespace

Frosted Surface

Depth 24

Aurora Border

✦

◌

✓ Search projects...

Nitestudio

Feature Card

Modern Glass UI Design

Explore layered controls, translucent depth, token consistency and tactile hover states.

↑ Upgrade plan

Foundations

Material, accents, and depth

Glass surfaces, glow ramps, rounded controls

Surface Blend

High blur with near-white edge highlights.

Accent Pair

Elevation

Blur Scale

16px / 22px / 30px

Controls

Input, tabs, toggles, status

Everything is tied to one glass material

Input Surface

Rounded input with embedded search icon

⌕

Segmented Tabs

Primary and neutral tab states

Activity Toggle

Luminous handle with soft track

Spec Board

Tokens and usage rules

Fits as a handoff board for a UI kit skill

Radius family 20 / 24 / 32 / 999

Accent logic Purple + Cyan only

Background aura Blurred gradients

Border treatment Thin bright edge

Metrics

How to keep the style coherent

Glow belongs on interactions; the background stays calmer than content

Blur

22px

Opacity

34%

Accent

2 hues