liquid-glass-design

Apply the .glassEffect() modifier after your layout modifiers like padding and frame. Customize it with .regular.tint(.color).interactive() and pass a shape such as .rect(cornerRadius:) or the default capsule.

Wrap the views in a GlassEffectContainer, assign each element a glassEffectID within a shared @Namespace, and toggle visibility inside withAnimation. The system morphs glass shapes as elements appear or disappear.

Yes, UIKit supports Liquid Glass through UIGlassEffect applied to UIVisualEffectView, with tintColor and isInteractive properties. Use UIGlassContainerEffect to group multiple glass views with controlled merge spacing.

GlassEffectContainer improves rendering performance and enables morphing between sibling glass elements. Its spacing parameter controls how close elements must be before their glass shapes blend together.

Detect the accented mode with the widgetRenderingMode environment value, mark views with .widgetAccentable() for accent grouping, and set image rendering via .widgetAccentedRenderingMode(.monochrome).

Common mistakes include applying glass to every view, skipping GlassEffectContainer for siblings, forgetting clipsToBounds with corner radii in UIKit, and using opaque backgrounds that defeat translucency.