# Liquid Glass

Explore the same project workspace.

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

## Why: the goal or problem

Navigation must stay available over rich content without appearing to be another content card. A distinct floating layer can help.

## How: work toward a solution

Use the workspace’s three tasks and two notes. Mark one task: progress becomes 1 / 3 and 33%. Filter tasks or open notes; reset restores the initial state. View tools expands the floating capsule; Opaque panels removes transparency.

## What: the concept

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

Transparency needs contrast checks and an opaque fallback.

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