Summary of "Liquid Glass - 5 Things You MUST Know Before Implementing"

Overview: “Liquid Glass” (WWDC 2025) and what to know before updating apps

The video explains Apple’s Liquid Glass design language announced at WWDC 2025. It frames Liquid Glass as a major visual and interaction change across Apple platforms—including iOS, iPadOS, and macOS.

Liquid Glass is presented as a unified materials + UI behavior system that affects how your app’s UI:

Looks
Animates
Responds to touch

5 things you “must know” / key implementation guidance

1) Don’t overdo glass everywhere—use it as a control layer

Liquid Glass should primarily be applied to UI controls that float above content, such as:

Tab bars
Toolbars
Buttons
Menus
Other interactive controls

The goal is for content behind the glass to appear to shine through.

Warning: Avoid “glass on glass on glass” (or applying glass to everything). It can destroy visual hierarchy and clutter/confuse the interface.

2) Prefer built-in SwiftUI components to “get the update for free”

The video recommends using built-in SwiftUI components / UI kits rather than custom controls.

Why:

Built-in components automatically inherit Apple’s updated Liquid Glass styling
They bring along accessibility and other platform features
You reduce maintenance cost if Apple updates the design again

If you already rely on standard components like tab bars, toolbars, menus, buttons, and sliders, the transition should be largely automatic.

If you must use custom components:

You can apply the glass effect modifier
However, Apple’s guidance (as relayed here) emphasizes caution and avoiding excessive use

3) Group and space toolbar items carefully (new icon-heavy UI)

Liquid Glass UI uses more icons than text, so the video advises careful handling of layout and grouping.

It suggests:

Using the toolbar spacer API to manage layout and separation
Avoiding designs where an icon and label are perceived as a single combined control when they should be distinct elements

4) Use color very sparingly (legibility + light/dark adaptation)

Liquid Glass controls’ symbols/glyphs/text are designed to adapt between light and dark mode based on the underlying content, keeping them legible.

If you apply explicit color on the glass controls themselves, it may not remain legible across all underlying-content contexts.

Guidance:

Use color mainly to direct attention to the primary action
If you need color, apply it to the background/content layer rather than directly on the glass UI elements

5) Learn “concentricity” and redesign layouts to match device geometry

The video highlights concentricity, described as a “corner alignment” concept:

Apple aligns UI corner radii with hardware corner radii
This helps software shapes “fit” the device edges

Implications:

If your UI uses elements (e.g., cards or corner radii) that don’t line up, it may feel visually “off”
Consider using capsules, which naturally support this alignment

It also mentions that SwiftUI APIs can help implement the style.

App icon redesign under Liquid Glass (Icon Composer)

The video states that all app icons now require redesign for Liquid Glass’s layered glossier translucency / blur look.

Apple provides Icon Composer, where you:

Start with basic flat layers (not glass already)
Let Icon Composer apply the glass effect
Adjust translucency and blur

Key benefits highlighted:

You can unify icons across Mac/watch/VisionOS using one icon file
Icon Composer generates the final icon outputs, including tint modes

Extra: Sponsor segment (Squarespace)

A sponsor message covers Squarespace for creating an iOS developer portfolio, including:

Themes/templates
A “fluid engine” editor
Squarespace Blueprint / AI for writing content
SEO and analytics handling

(These details are marketing, not Liquid Glass implementation guidance.)

Main speakers / sources

Primary speaker: the video’s narrator (identified in the sponsor segment as “Shan Allen”)
Primary source of the product changes: Apple / WWDC 2025 (Liquid Glass announcement)