# Liquid glass UI components: 34 specs with numbers

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

## Controls

Buttons, bars and inputs: glass that floats over content.

- [Liquid glass button](https://meniscus.site/components/button.md): Primary and secondary actions.
- [Liquid glass icon button](https://meniscus.site/components/icon-button.md): Single-icon actions: undo/redo chips, floating action, search button next to a tab bar.
- [Liquid glass toggle](https://meniscus.site/components/toggle.md): On/off toggle buttons and single-choice radios.
- [Liquid glass switch](https://meniscus.site/components/switch.md): Binary setting.
- [Liquid glass checkbox](https://meniscus.site/components/checkbox.md): Multi-select.
- [Liquid glass slider](https://meniscus.site/components/slider.md): Continuous value.
- [Liquid glass stepper](https://meniscus.site/components/stepper.md): Numeric input with −/+.
- [Liquid glass tabs](https://meniscus.site/components/tabs.md): Switch between views or modes.
- [Liquid glass tab bar](https://meniscus.site/components/tab-bar.md): Primary mobile navigation.
- [Liquid glass toolbar](https://meniscus.site/components/toolbar.md): Group of related actions.
- [Liquid glass navigation bar](https://meniscus.site/components/navigation-bar.md): Top navigation / site nav strip.
- [Liquid glass menubar](https://meniscus.site/components/menubar.md): Row of menus (desktop).
- [Liquid glass sidebar](https://meniscus.site/components/sidebar.md): Persistent navigation on large screens.
- [Liquid glass select](https://meniscus.site/components/select.md): Choose one value from a list.
- [Liquid glass card](https://meniscus.site/components/card.md): Grouping surface in the controls/overlay layer (settings group, playground card, widget panel).
- [Liquid glass widget](https://meniscus.site/components/widget.md): Glanceable home/lock-screen or dashboard tile.
- [Liquid glass input](https://meniscus.site/components/input.md): Text entry.
- [Liquid glass search field](https://meniscus.site/components/search-field.md): Search entry.
- [Liquid glass avatar](https://meniscus.site/components/avatar.md): Person or entity.
- [Liquid glass progress](https://meniscus.site/components/progress.md): Completion or level.
- [Liquid glass accordion](https://meniscus.site/components/accordion.md): Expandable sections.
- [Liquid glass media controls](https://meniscus.site/components/media-controls.md): Playback controls over media.
- [Liquid glass dock](https://meniscus.site/components/dock.md): Desktop app launcher strip.

## Overlays

Menus, sheets and dialogs that open above everything else.

- [Liquid glass menu](https://meniscus.site/components/menu.md): Command list opened from a trigger.
- [Liquid glass context menu](https://meniscus.site/components/context-menu.md): Menu at the pointer.
- [Liquid glass popover](https://meniscus.site/components/popover.md): Rich floating panel anchored to a trigger.
- [Liquid glass tooltip](https://meniscus.site/components/tooltip.md): Short label for a control.
- [Liquid glass dialog](https://meniscus.site/components/dialog.md): Blocking decision or form.
- [Liquid glass sheet](https://meniscus.site/components/sheet.md): Task surface from the bottom (mobile) or side.
- [Liquid glass toast](https://meniscus.site/components/toast.md): Transient feedback.

## Content

What sits inside the glass or in the content layer: mostly flat, by rule.

- [Liquid glass badge](https://meniscus.site/components/badge.md): Count or status.
- [Liquid glass list](https://meniscus.site/components/list.md): Scrolling rows of content.
- [Liquid glass separator](https://meniscus.site/components/separator.md): Divide rows inside a glass body.
- [Liquid glass app icon](https://meniscus.site/components/app-icon.md): App or feature icon in the glass style.