iOS 26 Liquid Glass
Implements Apple's iOS 26 Liquid Glass design language using SwiftUI and UIKit APIs for translucent, depth-aware user interfaces.
The source repository doesn't declare a license. Check its terms before reusing the code.
Key features
- Configuration for semantic tinting and interactive glass behaviors
- Best practices for backward compatibility and accessibility standards
- Implementation guidance for SwiftUI glassEffect modifiers and shape adaptivity
- UIKit integration strategies using UIGlassEffect and UIVisualEffectView
- Technical patterns for glass blending and morphing transitions
Use cases
- Building high-fidelity overlays and control panels with depth-aware surfaces
- Designing modern navigation elements like floating action buttons and toolbars
- Creating fluid UI transitions with glass morphing and ID-based animations
FAQ
When should I use this skill with Claude Code?
You should use this skill when building modern iOS 26+ applications that require floating navigation elements, interactive glass buttons, or sophisticated 'liquid' UI transitions where elements morph and blend like water droplets.
What does the iOS 26 Liquid Glass skill do?
This skill provides Claude with the specialized knowledge to implement Apple's iOS 26 design language. It enables the AI to generate precise code for SwiftUI glassEffect modifiers, GlassEffectContainer blending, and UIKit UIGlassEffect implementations for depth-aware, translucent interfaces.
What specific SwiftUI components does it cover?
It covers the full Liquid Glass suite, including the .glassEffect() modifier, GlassEffectContainer for element blending, glassEffectID for state-based morphing, and glassEffectUnion for grouping multiple elements into a single glass shape.
Does this skill support backward compatibility for older iOS versions?
Yes. The skill includes technical patterns for using #available checks and @ViewBuilder wrappers, helping you implement Liquid Glass features for iOS 26 users while providing elegant fallbacks like ultraThinMaterial for older devices.
How does this skill improve my mobile development workflow?
It eliminates the guesswork of working with the new iOS 26 APIs by providing Claude with the correct syntax for morphing IDs, semantic tinting, and container rules, preventing common UI rendering bugs and ensuring adherence to Apple's latest HIG.
Related skills
NativePHP Architecture
Explains the internal mechanics of NativePHP Mobile to facilitate seamless communication between PHP and native iOS/Android components.
Mobile Development212 ptsNative Code Patterns
Generates production-ready Kotlin and Swift bridge patterns for implementing native functionality in NativePHP plugins.
Mobile Development212 ptsNativePHP Mobile Quickstart
Streamlines the creation and configuration of native iOS and Android applications using PHP and Laravel.
Mobile Development212 pts