liquid-glass-design

Apply the `.glassEffect()` modifier after your appearance modifiers like padding and font. Customize it with `.regular.tint(.orange).interactive()` and pass a shape such as `.rect(cornerRadius: 16)` or the default capsule.

Wrap the views in a `GlassEffectContainer`, assign each a `glassEffectID` with a shared `@Namespace`, and toggle visibility inside `withAnimation`. The container animates the glass shapes merging and separating smoothly.

Yes, UIKit provides `UIGlassEffect` used with `UIVisualEffectView`, supporting tintColor and isInteractive. For multiple glass elements, use `UIGlassContainerEffect` with a spacing parameter, mirroring the SwiftUI container pattern.

GlassEffectContainer improves rendering performance and enables morphing between sibling glass elements. Multiple standalone `.glassEffect()` views without a container lose merge behavior and degrade visual quality.

Detect `.accented` via the `widgetRenderingMode` environment value and mark views with `.widgetAccentable()` to join the accent group. Images can use `.widgetAccentedRenderingMode(.monochrome)` so they render correctly in tinted mode.

Avoid nesting many glass effects or applying glass to every view, since it hurts performance and clarity. Reserve glass for interactive elements, toolbars, and cards, and never place opaque backgrounds behind glass.