# Liquid glass menubar: spec and references

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

Row of menus (desktop). Layer: controls.

Also called: menu bar.

| Property | Value |
|---|---|
| Material | regular |
| Profile | squircle |
| Geometry | capsule 32–36 tall, flat triggers File / Edit / View |
| Bezel (px) | 16 |
| Displacement (px) | 30 |
| Blur (px) | 2–4 |

## Anatomy

- one glass strip
- flat triggers
- menus open as separate lenses close below

## States

- rest
- trigger open: flat highlight pill

## Rules

- The strip is the lens; triggers flatten inside it.
- Popups sit closer (6 px) than free menus.
- Desktop only — on mobile use a tab bar or toolbar.

## References

![A desktop menu strip with one item open into a dropdown of shortcuts, dividers and disabled items, over zoomed desert ridges.](https://meniscus.site/gallery/menubar-light-studio.webp)

![A desktop menu strip with one item open into a dropdown of shortcuts, dividers and disabled items, over a zoomed night skyline.](https://meniscus.site/gallery/menubar-dark-studio.webp)

## Use it with your assistant

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