liquid_glass library
liquid_glass — iOS 26 Liquid Glass UI primitives for Flutter.
Pixel-matched to Apple's HIG. Material 3 fallback on Android.
Classes
- GlassActionSheetAction
-
One action inside a
GlassActionSheet. - GlassButton
- HIG-shaped button rendered on a glass surface.
- GlassCard
- A flexible glass-surface card.
- GlassChip
- Small glass chip — for filters, tags, attribute pills.
- GlassContainer
- A sizable glass-surface box.
- GlassDialogAction
-
Action shown in a
GlassDialog. - HIG-shaped top navigation bar rendered on a glass surface.
- GlassPanel
- A full-width grouped panel with an optional title + subtitle header.
-
A
GlassNavigationBarthat thickens its blur as content scrolls under it. - GlassSearchBar
- A glass-surface search field with leading magnifier icon and optional clear button.
- GlassSection
- An iOS Settings-style grouped section.
- GlassSectionRow
-
One row inside a
GlassSection. -
GlassSegmentedControl<
T extends Object> - iOS-style segmented control rendered on a glass surface.
- GlassSheetDetent
- Predefined sheet heights as a fraction of the screen.
- GlassTabBar
- Bottom tab bar rendered on a glass surface, with an animated active indicator behind the selected item.
- GlassTabItem
-
One destination in a
GlassTabBar. - GlassToggle
- HIG-shaped iOS-style switch rendered on a glass surface track.
- GlassToolbar
- Bottom action toolbar — a horizontal row of icon buttons on a glass surface. Use for editor toolbars, photo-action bars, etc.
- LiquidGlass
- The core liquid-glass surface primitive.
- LiquidGlassConfig
- Per-instance shape of the liquid-glass surface.
- LiquidGlassFallback
- Static override for the M3 fallback decision.
- LiquidGlassTheme
- Top-level theme contract for every liquid_glass widget.
- LiquidGlassThemeScope
- Provides a LiquidGlassTheme to descendant glass widgets.
Enums
- GlassButtonVariant
-
Visual variant for a
GlassButton. - LiquidGlassPreset
-
Named tint preset for
LiquidGlassTheme.
Functions
-
showGlassActionSheet<
T> ({required BuildContext context, required List< GlassActionSheetAction> actions, GlassActionSheetAction? cancel, String? title, String? message}) → Future<T?> - Shows an iOS-style action sheet at the bottom of the screen.
-
showGlassBottomSheet<
T> ({required BuildContext context, required WidgetBuilder builder, GlassSheetDetent detent = GlassSheetDetent.medium, bool isDismissible = true, bool enableDrag = true}) → Future< T?> - Shows a glass-surface modal bottom sheet using showModalBottomSheet under the hood.
-
showGlassDialog<
T> ({required BuildContext context, required String title, String? message, List< GlassDialogAction> actions = const <GlassDialogAction>[], bool barrierDismissible = true}) → Future<T?> - Shows a centered glass-surface alert dialog.
-
showGlassPopover<
T> ({required BuildContext context, required WidgetBuilder builder, EdgeInsetsGeometry padding = const EdgeInsets.all(12), double maxWidth = 280}) → Future< T?> -
Shows a small glass popover anchored to the widget that owns
context.