# Liquid Glass

Explore the same project workspace.

ID: liquid-glass
Language: en
Revision: 1
Translation source revision: 1
Canonical: https://jujin.dev/en/catalog/liquid-glass/

## Concept

Liquid Glass uses a dynamic, transparent navigation layer above content. This web study illustrates its visual cues, not Apple’s native rendering.

## Example

All eleven styles share a workspace: overview, three tasks, progress, and two resource notes. Follow the menu, check a task, filter Open or Done, and expand a note. Completion becomes 1 / 3 and 33%; unmatched filters show an empty message. Reset or reload restores All, three unchecked tasks, 0%, and closed notes. View tools expands the floating capsule; Opaque panels removes transparency.

## When to choose it

Choose it for a small navigation layer over rich content. Transparency needs contrast checks and an opaque fallback.

[Apple WWDC25](https://developer.apple.com/videos/play/wwdc2025/219/)