# Liquid glass list: spec and references

Source: https://meniscus.site/components/list · Updated 2026-09-27

Scrolling rows of content. Layer: content (inside a glass container or under glass chrome).

Also called: scroll area, table, rows, settings list.

| Property | Value |
|---|---|
| Material | flat rows |
| Profile | flat |
| Geometry | rows 44–56 (touch) / 32–36 (desktop); a grouped list sits in a glass card (radius 16–24, rows flush with its padding, separators inset past the icon) |
| Bezel (px) | 0 |
| Displacement (px) | 0 |
| Blur (px) | 0 |

## Anatomy

- rows with leading icon tile, title, secondary, trailing chevron/switch
- 1 px separators white 25 %
- capsule scroll thumb on hover

## States

- rest
- row press: flat tint
- selected

## Rules

- Rows are flat; a list inside a glass card is not glass-on-glass as long as rows have no own optics.

## References

![A grouped settings list with coloured icons, dividers, trailing details and a switch over a procedural backdrop.](https://meniscus.site/gallery/list-light-studio.webp)

![A grouped settings list with coloured icons, dividers, trailing details and a switch over a procedural backdrop.](https://meniscus.site/gallery/list-dark-studio.webp)

## Use it with your assistant

This spec is what the Meniscus MCP server's `get_component_spec` tool returns for `list`. Materials, colours, light and composition rules that apply to every component are in the [liquid glass guide](https://meniscus.site/liquid-glass). Connect: `claude mcp add --transport http meniscus https://meniscus.site/mcp` — setup for every client: https://meniscus.site/docs