skills.rest
mitul-bhatia
mitul-bhatiaCOMMUNITY
Explore all skills by this author →
GitHub

liquid-glass-design

Automate Liquid Glass design patterns across SwiftUI, UIKit, and WidgetKit.

Updated Apr 4, 2026
Search Tags:#swiftui#design-system#uikit#liquid-glass#widgetkit#glass-effect#ios26
One-click install
npx skills add https://github.com/mitul-bhatia/Vibes --skill liquid-glass-design-mitul-bhatia
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/mitul-bhatia/Vibes/tree/main/.github/skills/liquid-glass-design
Command: npx skills add https://github.com/mitul-bhatia/Vibes --skill liquid-glass-design-mitul-bhatia

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a unified, reusable approach to implementing Apple's Liquid Glass design across iOS 26 apps, enabling blur, tint, and interactive glass surfaces.

Core Features & Use Cases

  • SwiftUI integration with .glassEffect() to render glass surfaces
  • Customizable shapes and tints (rect, capsule, circle) and interactive variants
  • Morphing transitions and container patterns for multiple glass views
  • UIKit and WidgetKit support to extend glass design into older components and widgets
  • Use cases include glassy cards, toolbars, and interactive UI elements across apps and widgets

Quick Start

Apply the glassEffect modifier to a SwiftUI view and adjust its shape and tint to see the Liquid Glass in action.

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 in SwiftUI?▼

Implement Liquid Glass UI in SwiftUI by applying the .glassEffect() modifier to views. You can customize shapes like rect, capsule, or circle, and apply tints to render interactive glassy surfaces.

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

Yes, you can extend Liquid Glass effects to UIKit and WidgetKit. The design system supports integrating blur, tint, and morphing glass surfaces into older UIKit components and interactive widgets.

Does the iOS 26 Liquid Glass design pattern support morphing transitions?▼

The iOS 26 Liquid Glass design pattern supports morphing transitions and container patterns. These features allow multiple glass views to seamlessly morph and interact within a single container.

What is the best way to create glassy toolbars and cards for iOS 26 apps?▼

The best way to create glassy toolbars and cards for iOS 26 apps is by using unified Liquid Glass design patterns. This approach provides customizable shapes and interactive variants for immersive UI elements.

Do I need iOS 26 to use glassEffect in my app?▼

Yes, you need iOS 26 to fully satisfy the Liquid Glass design workflows. The glassEffect modifier and its morphing, tinting, and blur features are designed specifically for iOS 26+ apps.

Why are my Liquid Glass surfaces not showing blur and tint correctly?▼

Liquid Glass surfaces may not show blur and tint correctly if SwiftUI, UIKit, and WidgetKit are not properly integrated. Ensure the glassEffect modifier is applied with valid shapes and container patterns.

Related Skills

Explore More Design & Creative Skills→
thangvawnthangvawn

liquid-glass-design

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

Community
Advanced
MomoDavilukeMomoDaviluke
2

liquid-glass-design

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

Community
Advanced
phoenicisfphoenicisf

liquid-glass-design

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

Community
Advanced
Mark393295827Mark393295827
1

liquid-glass-design

Implement a reusable Liquid Glass design system for iOS 26 across SwiftUI, UIKit, and WidgetKit.

Community
Intermediate