liquid▌

$22

Use when:

CSS, JavaScript, and HTML standards for building Shopify Liquid themes with progressive enhancement and design tokens. \n \n BEM naming convention with single-level element nesting, CSS custom properties for all design values, and logical properties for RTL support \n Web Components pattern for component-scoped JavaScript using native browser APIs only; no external dependencies \n Progressive enhancement: semantic HTML first, then CSS, then optional JavaScript enhancements \n Defensive CSS pract

SwiftUI Liquid Glass effects for iOS 26+ with interactive glass containers, morphing transitions, and button styles. \n \n Provides .glassEffect() modifier for applying translucent Liquid Glass material to custom views, with support for tinting, interactivity, and custom shapes \n Includes GlassEffectContainer for grouping and blending multiple glass elements, plus glassEffectID and glassEffectUnion for morphing animations during view hierarchy changes \n Offers pre-built button styles ( .glass

WCAG 2.2 accessibility patterns for Shopify Liquid theme components. \n \n Covers 11 e-commerce-specific components: product cards, carousels, modals, forms, filters, tabs, dropdowns, tooltips, cart drawers, prices, and accordions with semantic HTML and ARIA patterns \n Includes decision table mapping components to correct HTML elements and ARIA roles, plus complete code examples for each pattern \n Enforces keyboard navigation, screen reader support, focus management with trapping, and reduced-

Ship Liquid Glass UI that feels native, stays legible, and degrades safely across iOS/Android.

Build native macOS/iOS applications with Apple's Liquid Glass design and HIG.

Use when:

Build and review SwiftUI features using the iOS 26+ Liquid Glass API with native modifiers and Apple design guidance. \n \n Supports three workflows: reviewing existing features for correct Liquid Glass usage, improving features by refactoring to glass components, and implementing new glass-based UI from scratch \n Provides native API patterns including glassEffect() , GlassEffectContainer for grouped elements, and .buttonStyle(.glass) / .buttonStyle(.glassProminent) for actions \n Includes avai

Generate Shopify Liquid theme code with correct schema, translations, and component patterns. \n \n Covers sections, blocks, and snippets with proper {% schema %} JSON, LiquidDoc headers, and translation key usage via the t filter \n Includes 77+ language filters, 45+ HTML/media filters, 30+ commerce filters, and 30 tags with syntax and parameters \n Provides CSS/JavaScript patterns using {% stylesheet %} , {% javascript %} , and {% style %} tags for dynamic styling \n Details all 33 setting typ