liquid-glass-design

Implement cross-framework Liquid Glass UI for iOS 26 apps.

1|Updated Mar 8, 2026

Search Tags:#glassmorphism #swiftui #design-system #uikit #liquid-glass #widgetkit #ios26

Ready to run

npx skills add https://github.com/vinitgirdhar/GRID_ --skill liquid-glass-design-vinitgirdhar

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/vinitgirdhar/GRID_/tree/main/.agent/skills/liquid-glass-design
Command: npx skills add https://github.com/vinitgirdhar/GRID_ --skill liquid-glass-design-vinitgirdhar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This design system solves the challenge of building consistent Liquid Glass UI across SwiftUI, UIKit, and WidgetKit for iOS 26 apps, reducing duplication and visual drift.

Core Features & Use Cases

Dynamic glass material with blur, tint, reflection, and morphing transitions across SwiftUI, UIKit, and WidgetKit.
Cross-framework components for glass surfaces, buttons, and containers.
Use cases: dashboards, cards, and widgets that require translucent, interactive surfaces in iOS 26 apps.

Quick Start

Integrate the Liquid Glass design system into an iOS 26 project and start applying the glassEffect modifier to SwiftUI views (and equivalent UIKit/WidgetKit components) to create interactive translucent surfaces.

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 and UIKit for iOS 26?▼

To implement Liquid Glass UI, apply the glassEffect modifier to SwiftUI views and use equivalent UIKit components to create dynamic glass materials with blur, tint, and morphing transitions for interactive translucent surfaces.

Does the iOS 26 Liquid Glass design system support WidgetKit?▼

Yes, the Liquid Glass design system supports WidgetKit alongside SwiftUI and UIKit, providing cross-framework components that ensure consistent glass behavior, tinting, and morphing transitions for widgets and dashboards.

What is the best way to build consistent glassmorphism across SwiftUI and UIKit?▼

The best way to build consistent glassmorphism is using a reusable design-system pattern that provides cross-framework components for glass surfaces, buttons, and containers, reducing duplication and visual drift across your iOS 26 app.

Can I use Liquid Glass components for interactive cards and widgets in iOS 26?▼

Yes, you can use Liquid Glass components for interactive cards and widgets in iOS 26. The design system delivers dynamic glass material with blur, reflection, and morphing transitions specifically for translucent, interactive surfaces.

How do I add dynamic blur and tinting to UIKit views for iOS 26?▼

To add dynamic blur and tinting to UIKit views, integrate the Liquid Glass design system components that provide equivalent UIKit integration, ensuring consistent glass behavior and tinting across your application's controllers.