liquid-glass-design

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

1|Updated Feb 13, 2026
One-click install
npx skills add https://github.com/ROLLED740/vibe-clone-pro --skill liquid-glass-design-rolled740
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/ROLLED740/vibe-clone-pro/tree/main/.agent/skills/liquid-glass-design
Command: npx skills add https://github.com/ROLLED740/vibe-clone-pro --skill liquid-glass-design-rolled740

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

iOS 26's Liquid Glass design language introduces dynamic, blur-based surfaces that can be hard to implement consistently across SwiftUI, UIKit, and WidgetKit. This design system provides a reusable pattern to create glass surfaces with blur, tint, and morphing behavior, ensuring visual coherence and faster development.

Core Features & Use Cases

  • Cross-framework Liquid Glass components for SwiftUI, UIKit, and WidgetKit.
  • Customizable shapes, tints, and interactive morphing for common UI elements like cards, toolbars, and buttons.
  • Use cases include building glassy navigation bars, cards, and widgets that respond to user interactions while maintaining system-wide consistency.

Quick Start

Apply the liquid glass design system to a SwiftUI view using the glassEffect modifier and adjust shape, tint, and interaction to fit your UI.

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

Apply Liquid Glass effects in SwiftUI using the glassEffect modifier to render dynamic blur, reflections, and morphing surfaces for interactive UI elements.

Can I use Liquid Glass design components in UIKit and WidgetKit?

Yes, the system provides reusable cross-framework Liquid Glass components for UIKit and WidgetKit, ensuring consistent blur, tint, and morphing behavior across SwiftUI apps.

What is the best way to create consistent glass surfaces across an iOS app?

Use a reusable Liquid Glass design system to standardize blur, tints, and morphing behavior across buttons, cards, toolbars, and containers, achieving consistent glass surfaces throughout your app.

Do I need a specific Swift environment to use Liquid Glass morphing UI?

Yes, you need a Swift-based environment with SwiftUI/UIKit integration to implement Liquid Glass morphing UI, utilizing optional shape options, tints, and interactive modifiers.

How does interactive morphing work for iOS 26 glass elements?

Interactive morphing works by applying glassEffect modifiers to UI elements like cards and toolbars, enabling dynamic blur surfaces to respond visually to user interactions while maintaining systemic coherence.