Menu

Component · content

Liquid glass separator

Divide rows inside a glass body.

Three compact settings rows separated by inset hairlines inside a glass panel 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
1 px line white 25–35 % (light) / white 12–18 % (dark), inset 12–16 from the edges
Profile
flat
Bezel (px)
0
Displacement (px)
0
Blur (px)
0

Geometry. 1 px

Rules1
  • Grooves inside the glass, never dark grey lines.
Anatomy1
  • hairline
States0

    Questions

    What material is a liquid glass separator?

    1 px line white 25–35 % (light) / white 12–18 % (dark), inset 12–16 from the edges material with a flat edge profile, in the content layer. Divide rows inside a glass body.

    How big is a liquid glass separator?

    1 px.

    What bezel, displacement and blur does it use?

    Bezel 0; displacement 0; blur 0 (px).

    Which states does a liquid glass separator need?

    .