liquid-glass-design

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

1|Updated Mar 18, 2026
One-click install
npx skills add https://github.com/ValenBorras/upscribe --skill liquid-glass-design-valenborras
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/ValenBorras/upscribe/tree/main/.github/skills/liquid-glass-design
Command: npx skills add https://github.com/ValenBorras/upscribe --skill liquid-glass-design-valenborras

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Liquid Glass design system provides a ready-to-use blueprint for creating blur, reflection, and morphing glass surfaces across SwiftUI, UIKit, and WidgetKit, reducing design and implementation time while delivering a cohesive iOS 26 experience.

Core Features & Use Cases

  • Cross-framework patterns: SwiftUI, UIKit, and WidgetKit integration for liquid glass effects.
  • Morphing and interactivity: Support for interactive and animated glass transitions in containers, buttons, and panels.
  • Widget integration: Apply Liquid Glass to widgets to maintain a consistent look across home screens and apps.

Quick Start

Ask your AI to implement the Liquid Glass patterns in an iOS 26 app using SwiftUI, UIKit, or WidgetKit, starting with a GlassEffect container around a card view.

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 design patterns in an iOS 26 app?▼

To implement Liquid Glass in iOS 26, use the provided design patterns across SwiftUI, UIKit, and WidgetKit, starting by wrapping a card view in a GlassEffect container to create blur and morphing surfaces.

What is the Liquid Glass design system in iOS 26?▼

The Liquid Glass design system in iOS 26 is a blueprint for creating blur, reflection, and morphing glass surfaces across SwiftUI, UIKit, and WidgetKit to deliver a cohesive visual experience.

Can I apply Liquid Glass effects to WidgetKit components?▼

Yes, you can apply Liquid Glass effects to WidgetKit components. This integration ensures widgets maintain a consistent glassy appearance across home screens and within the main iOS 26 app.

Does the Liquid Glass design pattern support UIKit and SwiftUI frameworks?▼

Yes, the Liquid Glass design pattern supports cross-framework integration for both UIKit and SwiftUI, enabling interactive and animated glass transitions for containers, buttons, and panels.

What's the best way to create interactive morphing glass transitions in SwiftUI?▼

The best way to create morphing glass transitions in SwiftUI is using the Liquid Glass patterns, which provide ready-to-use blueprints for animated and interactive glass surfaces in containers and panels.

Do I need to configure a GlassEffect container before adding liquid glass surfaces?▼

Yes, configuring a GlassEffect container is the recommended starting point. Wrapping your card view or UI element in this container establishes the necessary context for rendering blur and reflection effects.