skills.rest
praveenperera
praveenpereraCOMMUNITY
Explore all skills by this author →
Website𝕏@praveenpereraGitHub

ios26-liquid-glass

Implement iOS 26 Liquid Glass UI primitives in SwiftUI and UIKit.

4|1|Updated Apr 19, 2016
Search Tags:#ios#swiftui#uikit#liquid-glass#morphing#glass-effect
One-click install
npx skills add https://github.com/praveenperera/dotfiles --skill ios26-liquid-glass-praveenperera
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ios26-liquid-glass
Source: https://github.com/praveenperera/dotfiles/tree/main/claude/skills/ios26-liquid-glass
Command: npx skills add https://github.com/praveenperera/dotfiles --skill ios26-liquid-glass-praveenperera

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a reference and implementation guide for iOS 26 Liquid Glass UI elements, enabling consistent glass effects across SwiftUI and UIKit.

Core Features & Use Cases

  • Provides SwiftUI glassEffect, GlassEffectContainer, and morphing with glassEffectID and glassEffectUnion for dynamic, translucent interfaces.
  • Covers UIKit equivalents like UIGlassEffect and UIGlassContainerEffect for cross-platform consistency.
  • Use cases include navigation bars, overlays, and interactive components that sit above content with advanced translucency and morphing.

Quick Start

Open the iOS 26 Liquid Glass reference in a SwiftUI or UIKit project and start applying glassEffect to relevant UI elements.

Frequently Asked Questions about ios26-liquid-glass

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

FAQPage Schema
How do I apply the iOS 26 liquid glass effect in SwiftUI?▼

Apply the liquid glass effect in SwiftUI by using the glassEffect modifier on UI elements. This Skill provides reference implementations for building translucent, morphing interfaces across iOS 26+ apps.

Does the liquid glass effect work with UIKit on iOS 26?▼

Yes, the liquid glass effect works with UIKit on iOS 26. This Skill covers UIKit equivalents including UIGlassEffect and UIGlassContainerEffect to ensure cross-platform consistency for translucent interfaces.

How do I create morphing glass interfaces that merge multiple elements?▼

Create morphing glass interfaces using GlassEffectContainer alongside glassEffectID and glassEffectUnion. These primitives enable dynamic, translucent UI components that smoothly morph above underlying content.

What are common use cases for liquid glass UI components?▼

Common use cases for liquid glass UI components include navigation bars, overlays, and interactive components. These elements sit above content with advanced translucency and morphing capabilities across iOS apps.

Can I use this liquid glass reference without adding external dependencies?▼

Yes, you can use this liquid glass reference without external dependencies. The Skill has no dependencies and enforces a YAML frontmatter schema with a required name and description for documenting optional resources.

Why are my iOS 26 glassEffect modifiers not rendering correctly?▼

Ensure glassEffect modifiers render correctly by wrapping elements within a GlassEffectContainer. This Skill provides reference guides for properly applying glassEffect, GlassEffectContainer, and morphing identifiers.

Related Skills

Explore More Software Engineering Skills→
Michae2xlMichae2xl

liquid-glass-design

Integrate dynamic glass materials into iOS 26+ apps with SwiftUI, UIKit, and WidgetKit.

Community
Intermediate
gajjalaashok75-UIgajjalaashok75-UI
2

liquid-glass-design

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

Community
Advanced
PallepadehatPallepadehat
1

swiftui-liquid-glass

Implement or review SwiftUI views with iOS 26 Liquid Glass APIs and fallbacks.

Community
Advanced
ROLLED740ROLLED740
1

liquid-glass-design

Implement Liquid Glass UI effects across SwiftUI, UIKit, and WidgetKit.

Community
Advanced