skills.rest
maroffo
maroffoCOMMUNITY
Explore all skills by this author →
GitHub

swiftui-liquid-glass

Implement iOS 26+ Liquid Glass glassmorphism effects with the .glassEffect() modifier.

16|2|Updated Nov 9, 2025
Search Tags:#ios#ui design#glassmorphism#swiftui#effects#translucent
One-click install
npx skills add https://github.com/maroffo/claude-forge --skill swiftui-liquid-glass-maroffo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-liquid-glass
Source: https://github.com/maroffo/claude-forge/tree/main/skills/swiftui-liquid-glass
Command: npx skills add https://github.com/maroffo/claude-forge --skill swiftui-liquid-glass-maroffo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables developers to easily implement modern, visually appealing glassmorphism effects and translucent UI elements in iOS applications, enhancing user experience with a contemporary aesthetic.

Core Features & Use Cases

  • Glassmorphism: Apply frosted glass backgrounds and translucent effects to views.
  • Interactive Glass: Create UI elements that respond dynamically to touch with a glass-like feel.
  • Customization: Control blur intensity, tint color, and style for tailored designs.
  • Fallback Support: Gracefully degrade to older material designs on unsupported iOS versions.
  • Use Case: Implementing a sleek, modern card UI with a frosted glass background that subtly blurs the content behind it.

Quick Start

Apply a basic glass effect to a SwiftUI view using the .glassEffect() modifier.

Frequently Asked Questions about swiftui-liquid-glass

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement glassmorphism effects in SwiftUI?▼

To create glassmorphism effects in SwiftUI, apply the .glassEffect() modifier to your views to render frosted glass backgrounds with customizable blur intensity, tint color, and interactive styles.

What is the Liquid Glass API in iOS 26?▼

The Liquid Glass API in iOS 26 is a SwiftUI interface that enables developers to build modern glassmorphism effects, allowing for interactive, translucent UI elements that dynamically respond to touch and blur background content.

Can I customize the blur intensity and tint color of a glass effect?▼

Yes, you can customize glassmorphism effects using the .glassEffect() modifier to adjust blur intensity, apply specific tint colors, and select different visual styles for your SwiftUI views.

Does the iOS 26 glassmorphism API work on older iOS versions?▼

The SwiftUI glassmorphism effects include fallback support for older iOS versions, gracefully degrading to older material designs when the Liquid Glass API is unsupported on the user's device.

How do I create interactive glass UI elements that respond to touch?▼

You can create interactive glass UI elements by utilizing the interactive glass features within the .glassEffect() modifier, producing controls that dynamically respond to user touch with a glass-like feel.

What is the best way to add a frosted glass background to a SwiftUI card?▼

The best way to add a frosted glass background is by applying the .glassEffect() modifier to your SwiftUI card view, which subtly blurs the content behind it to achieve a modern glassmorphism aesthetic.

Related Skills

Explore More Design & Creative Skills→
sehoon787sehoon787
16

liquid-glass-design

Enable iOS 26 Liquid Glass UI with blur, tint and morphing effects across SwiftUI, UIKit, WidgetKit.

Community
Advanced
logeshv586-codelogeshv586-code

liquid-glass-design

Implement Apple's Liquid Glass design system for iOS 26 apps.

Community
Advanced
vinitgirdharvinitgirdhar

liquid-glass-design

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

Community
Advanced
woxiangyangzhimaowoxiangyangzhimao
3

liquid-glass-design

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

Community
Advanced