# Liquid glass control stack: spec and references

Source: https://meniscus.site/components/control-stack · Updated 2026-10-02

Small floating controls over a map or canvas: map style, 3D, look around, and locate. Layer: controls (floating).

Also called: map controls, map buttons, floating controls, control group.

| Property | Value |
|---|---|
| Material | regular |
| Profile | bevel (stack) · convex (locate) |
| Geometry | a vertical capsule 44 wide (radius 22) holding 2–3 flat 44 × 44 items with 1 px separators inset 10 from the sides; a separate 44 circle for locate 8 px below; the pair sits 12–16 px from the top trailing corner, below the status bar; glyphs 18–20, text marks ('3D') 13 weight 700 |
| Bezel (px) | 18–20 (19 at 44 wide) |
| Displacement (px) | 0.4 × bezel (7.5) |
| Blur (px) | 3–5 |

## Anatomy

- vertical glass capsule
- 2–3 flat items
- 1 px separators (white 30 % light / 15 % dark)
- locate button in its own glass circle

## States

- rest
- item active (3D on): glyph in the accent text colour
- locate: outline arrow, filled while following the user
- press: the locate circle grows 1.05; stack items get a flat fill

## Rules

- Items inside the stack are flat; the locate button is the one separate body, 8 px below, never a lens inside the stack.
- At most three items in the stack; more go into a menu from the first item (map style).
- Active glyphs use the accent text colour (#143FA8 light / #C4D7FF dark), not the solid accent.

## Reference renders

The tool attaches these images; each shows:

- A vertical glass capsule of map controls (layers, 3D, look around) and a separate round locate button at the top trailing corner of a light procedural map with a route and a river. (light)
- A vertical glass capsule of map controls (layers, 3D, look around) and a separate round locate button at the top trailing corner of a dark procedural map with a route and a river. (dark)

## Use it with your assistant

This spec is what the Meniscus MCP server's `get_spec` tool returns for `control-stack`. 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