skills.rest
samymity
samymityCOMMUNITY
Explore all skills by this author →
GitHub

liquid-glass-design

Implement iOS 26 Liquid Glass effects across SwiftUI, UIKit, and WidgetKit.

1|Updated Mar 3, 2026
Search Tags:#swiftui#uikit#widgetkit#liquid glass#ios 26#morphing transitions
One-click install
npx skills add https://github.com/samymity/bridge-ventures-backend --skill liquid-glass-design-samymity
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/samymity/bridge-ventures-backend/tree/main/.claude/skills/liquid-glass-design
Command: npx skills add https://github.com/samymity/bridge-ventures-backend --skill liquid-glass-design-samymity

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the challenge of creating Apple-style Liquid Glass interfaces that look correct across SwiftUI, UIKit, and WidgetKit while staying performant and interactive.

Core Features & Use Cases

  • SwiftUI Liquid Glass effects: Apply glassEffect with shape, tint, and interactive touch/pointer behavior for buttons, cards, and toolbars.
  • Morphing glass transitions: Use GlassEffectContainer, glassEffectUnion, and glassEffectID with @Namespace to smoothly morph between related UI states.
  • UIKit and WidgetKit integration: Configure UIGlassEffect/UIGlassContainerEffect for UIKit and respect widgetRenderingMode plus widgetAccentable/widgetAccentedRenderingMode for widgets.

Quick Start

Apply glassEffect inside a GlassEffectContainer in your SwiftUI view, optionally add a tint and interactive behavior, and use glassEffectID with withAnimation to get morphing transitions.

Frequently Asked Questions about liquid-glass-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement iOS 26 Liquid Glass effects in SwiftUI?▼

Morphing transitions between glass elements use glassEffectID with @Namespace inside a GlassEffectContainer. Combine these identifiers with withAnimation to smoothly morph between related UI states during layout changes.

Can I use Liquid Glass effects in UIKit and WidgetKit?▼

Yes, UIKit supports Liquid Glass via UIGlassEffect and UIGlassContainerEffect. WidgetKit requires respecting widgetRenderingMode alongside widgetAccentable and widgetAccentedRenderingMode for correct glass rendering.

How do I merge multiple glass elements inside a SwiftUI container?▼

Use GlassEffectContainer with glassEffectUnion to merge multiple sibling elements. This container-based merging ensures overlapping glass buttons or cards blend visually rather than rendering separate blur layers.

Why do my SwiftUI glass elements fail to morph during transitions?▼

Morphing fails when glass elements lack matching glassEffectID identifiers within a shared @Namespace. Ensure both source and target views use the same identifier inside a GlassEffectContainer wrapped with withAnimation.

Related Skills

Explore More Design & Creative Skills→
woxiangyangzhimaowoxiangyangzhimao
3

liquid-glass-design

Implement Apple's Liquid Glass design system in iOS 26 apps with SwiftUI, UIKit, and WidgetKit.

Community
Advanced
moughamirmoughamir

liquid-glass-design

Implement iOS 26 Liquid Glass effects in SwiftUI, UIKit, and WidgetKit.

Community
Intermediate
sehoon787sehoon787
16

liquid-glass-design

Enable iOS 26 Liquid Glass UI with blur, tint and morphing effects across SwiftUI, UIKit, WidgetKit.

Community
Advanced
maroffomaroffo
16

swiftui-liquid-glass

Implement iOS 26+ Liquid Glass glassmorphism effects with the .glassEffect() modifier.

Community
Intermediate