liquid_glass_ui_kit 0.1.2
liquid_glass_ui_kit: ^0.1.2 copied to clipboard
An accessible, customizable Liquid Glass design system for Flutter with translucent themes and ready-made widgets for mobile, web, and desktop.
0.1.2 #
- Added
GlassComboBox<T>, a macOS-style editable combo box with autocomplete, a pull-down choices panel, custom-value entry, keyboard navigation, and accessible selection feedback. - Updated
GlassSwitchto use native Cupertino switch mechanics, including drag, RTL, focus, haptic, and system On/Off Labels support; added the HIG-recommended labeledGlassToggleRowpresentation. - Added
GlassTextField, an Apple HIG-aligned, form-aware text field with a persistent label, concise placeholder, secure entry, localized Clear button, keyboard/input configuration, inline validation, and accessible feedback. - Added
GlassSlider, with a large translucent thumb, glowing active track, a smooth white-resting-to-expanded interaction, discrete values, keyboard control, and accessible increment actions. - Added
GlassSegmentedControl<T>, with an animated liquid-glass selection capsule, matching springy bubble-pop motion, plus tap, drag, keyboard, and screen-reader support.
0.1.1 #
- Fixed the animated README preview on pub.dev by using an absolute image URL.
0.1.0 #
Initial release.
GlassColorslight & dark palettes modelled on iOS 26.4 (monochrome accent — pure glass + white, no color tint by default).GlassTypographySF-Pro-style type scale.GlassTheme/GlassThemeData/GlassMetricstheming.- Components:
GlassSurface,GlassButton,GlassBottomNavBar,GlassCard,GlassAppBar,GlassPill,GlassSwitch,GlassScaffold. GlassBottomNavBar: sliding "bubble" indicator + springy icon/pill pop, each toggleable (animateIndicator,animateBounce); capsule rounding (borderRadius,indicatorBorderRadius); icons-only viashowLabels: false.- Overlays:
GlassSheet/showGlassBottomSheet,GlassDialog/showGlassDialog,GlassActionMenu/showGlassActionMenu(anchored). - Accessibility: honors Reduce Transparency / Increase Contrast (opaque, bordered fallback) and Reduce Motion (disables the animations).
- Example app demonstrating every component in light and dark mode.
