Menu

Component · controls (floating)

Liquid glass dock

Desktop app launcher strip.

A floating glass dock carrying generic app icons with running indicators over a procedural backdrop.

Copy the prompt

Free

The rules, the spec, the glass code for Web and the checks, in one text.

Works in any AI that can write code.

Or connect your AI once
Material
regular
Profile
bevel
Bezel (px)
22
Displacement (px)
0.4 × bezel (9)
Blur (px)
4–10

Geometry. rounded strip 64–72 tall, radius 22–24, floating 6–8 above the screen bottom

Rules1
  • Desktop only.
Anatomy3
  • glass strip
  • icons (not glass-wrapped individually)
  • running dots
States2
  • rest
  • hover magnification

Questions

What material is a liquid glass dock?

Regular material with a bevel edge profile, in the controls (floating) layer. Desktop app launcher strip.

How big is a liquid glass dock?

Rounded strip 64–72 tall, radius 22–24, floating 6–8 above the screen bottom.

What bezel, displacement and blur does it use?

Bezel 22; displacement 0.4 × bezel (9); blur 4–10 (px).

Which states does a liquid glass dock need?

Rest; hover magnification.