# Liquid glass menu: spec and references

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

Command list opened from a trigger. Layer: overlay.

Also called: dropdown, dropdown menu, action menu.

| Property | Value |
|---|---|
| Material | frost (long) · regular (short) |
| Profile | squircle |
| Geometry | radius 14–18, min-width 200, rows 30–34, padding 6, separators 1 px, section labels 11 px caps |
| Bezel (px) | 18 |
| Displacement (px) | 35–45 |
| Blur (px) | 8–14 |

## Anatomy

- glass panel
- flat rows (label, shortcut right-aligned secondary)
- checked items ✓
- destructive row red text
- submenu chevron

## States

- closed
- open: grows from the trigger (0.92 → 1)
- row highlight: flat tint pill
- disabled 40 %

## Rules

- Trigger and popup are two lenses kept apart: 6–8 px gap.
- Rows are flat; only the panel refracts.

## References

![An action menu hanging below its capsule trigger, with icons, shortcuts, dividers and a destructive row, over zoomed desert ridges.](https://meniscus.site/gallery/menu-light-studio.webp)

![An action menu hanging below its capsule trigger, with icons, shortcuts, dividers and a destructive row, over a zoomed night skyline.](https://meniscus.site/gallery/menu-dark-studio.webp)

## Use it with your assistant

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