GlassCard class

A glass card widget following Apple's card design patterns.

GlassCard builds upon GlassContainer with opinionated defaults for card-like content containers, matching iOS design guidelines.

This widget provides standard card styling:

• Default padding of 16px (matching iOS card insets)
• Rounded superellipse corners with 12px radius
• Suitable for displaying grouped content

Usage Modes

Grouped Mode (default)

Uses LiquidGlass.grouped and inherits settings from parent LiquidGlassLayer:

AdaptiveLiquidGlassLayer(
  settings: LiquidGlassSettings(...),
  child: ListView(
    children: [
      GlassCard(
        child: ListTile(
          title: Text('Item 1'),
          subtitle: Text('Description'),
        ),
      ),
      GlassCard(
        child: ListTile(
          title: Text('Item 2'),
          subtitle: Text('Description'),
        ),
      ),
    ],
  ),
)

Standalone Mode

Creates its own layer with LiquidGlass.withOwnLayer:

GlassCard(
  useOwnLayer: true,
  settings: LiquidGlassSettings(
    thickness: 30,
    blur: 10,
  ),
  child: Column(
    children: [
      Text('Title'),
      Text('Content'),
    ],
  ),
)

Customization Examples

No padding (full-width content):

GlassCard(
  padding: EdgeInsets.zero,
  child: Image.network('...'),
)

Custom shape and padding:

GlassCard(
  padding: EdgeInsets.all(24),
  shape: LiquidRoundedSuperellipse(borderRadius: 20),
  child: Text('Custom card'),
)

With margin between cards:

GlassCard(
  margin: EdgeInsets.symmetric(vertical: 8, horizontal: 16),
  child: Text('Card with margin'),
)

⚠️ Anti-Pattern: Do Not Place Glass Controls Inside a GlassCard

GlassCard inherits the same glass-in-glass restrictions as GlassContainer. Do not place interactive glass controls (GlassSegmentedControl, GlassSlider, GlassSwitch, GlassButton) inside a GlassCard — see GlassContainer for the full explanation and correct alternatives.