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.