liquid-glass-design

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

2|Updated Apr 23, 2026
One-click install
npx skills add https://github.com/gajjalaashok75-UI/GakrCLI --skill liquid-glass-design-gajjalaashok75-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/gajjalaashok75-UI/GakrCLI/tree/main/assets/skills/frontend-atlas/liquid-glass-design
Command: npx skills add https://github.com/gajjalaashok75-UI/GakrCLI --skill liquid-glass-design-gajjalaashok75-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you implement Apple's Liquid Glass appearance consistently across modern iOS interfaces, replacing fragile blur-based styling with a clear system for glass materials, interaction states, and morphing behavior.

Core Features & Use Cases

  • SwiftUI Glass Effects: Add glass surfaces to text, buttons, cards, and containers with shape, tint, and interactive behavior.
  • UIKit Integration: Use UIGlassEffect and UIGlassContainerEffect to create the same visual language in traditional view hierarchies.
  • WidgetKit Support: Adapt glass styling for accented rendering, accent groups, and container backgrounds in widgets.
  • Use Case: Design a floating toolbar, a translucent card stack, or a morphing control that feels native to iOS 26 and remains visually coherent across frameworks.

Quick Start

Ask for a SwiftUI Liquid Glass implementation for a button, card, or toolbar and specify whether it should be interactive, tinted, or part of a morphing glass container.

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 Liquid Glass UI effects in SwiftUI for iOS 26?

Liquid Glass UI in SwiftUI is implemented using glass containers, shape configurations, and interaction states to create translucent cards and morphing controls that feel native to iOS 26. This approach replaces fragile blur-based styling with a consistent system for glass materials.

Does UIKit support the new iOS 26 Liquid Glass material?

Yes, UIKit supports the iOS 26 Liquid Glass material through UIGlassEffect and UIGlassContainerEffect APIs. These allow you to apply the same glass visual language to traditional view hierarchies, maintaining visual coherence across SwiftUI and UIKit frameworks.

Can I apply Liquid Glass styling to WidgetKit components?

Yes, WidgetKit supports Liquid Glass styling for accented rendering, accent groups, and container backgrounds. You can adapt glass styling for widgets to ensure visual consistency across different iOS interface components.

What is the best way to create a morphing glass toolbar in iOS 26?

The best way to create a morphing glass toolbar is by using glass containers with proper interaction states and shape configuration. This ensures the morphing control maintains performance and visual consistency while feeling native to iOS 26.

Why should I use Liquid Glass containers instead of custom blur effects?

Liquid Glass containers replace fragile blur-based styling with a clear system for glass materials, interaction states, and morphing behavior. This ensures consistent visual appearance and maintained performance across SwiftUI, UIKit, and WidgetKit.