How do I create a morphing animation between two buttons?

You can use the .glassEffectID() modifier with a shared Namespace to link glass elements across different states for fluid transitions.

Can I mix 'Regular' and 'Clear' glass variants in one view?

According to Apple's HIG and this skill's guidance, you should never mix variants in the same interface as it creates visual inconsistency.

Does Liquid Glass support accessibility features?

Yes, the system is designed to automatically respect system-wide accessibility settings, including transparency and contrast preferences.

What is the purpose of the GlassEffectContainer?

It combines multiple glass shapes into a single morphable unit, allowing elements to blend seamlessly and share lighting properties.

What software versions are required for Liquid Glass?

Implementation requires Xcode 26 or newer, targeting iOS 26 or macOS Tahoe (v16.0+).

Liquid Glass Design System

Name: Liquid Glass Design System
Author: bluewaves-creations

bybluewaves-creations

0•

Mobile Development

Implements the revolutionary iOS 26 and macOS Tahoe Liquid Glass design system using modern SwiftUI APIs and morphing animations.

The Liquid Glass Design System skill is a comprehensive guide for developers looking to implement Apple's 2025 design language in their applications. It provides detailed SwiftUI API coverage for the glassEffect modifier, GlassEffectContainer, and fluid morphing animations that respond to motion and light. By utilizing this skill, developers can ensure their apps follow the latest Human Interface Guidelines (HIG), utilizing real-time refraction, specular highlights, and adaptive tinting while maintaining strict visual hierarchy and accessibility standards.

主な機能

01Advanced toolbar integration and custom grouping components

02Morphing animation patterns using glassEffectID and namespaces

030 GitHub stars

04Complete SwiftUI API coverage for .glassEffect() and variants

05Human Interface Guidelines (HIG) compliance for iOS 26 and macOS Tahoe

06Visual hierarchy management via GlassEffectContainer logic

ユースケース

01Implementing interactive glass-based navigation systems with real-time lighting

02Building modern, translucent UI components for iOS 26 and macOS Tahoe apps

03Creating seamless morphing transitions between complex UI states

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bluewaves-creations/bluewaves-skills liquid-glass-design

For use in Claude.ai and ChatGPT

Download Skill