Skip to main content

liquid_glass_lens_navbar 0.1.0 copy "liquid_glass_lens_navbar: ^0.1.0" to clipboard
liquid_glass_lens_navbar: ^0.1.0 copied to clipboard

An iOS 26 Liquid Glass bottom navigation bar for Flutter: frosted glass, a refracting liquid lens selection, hide on scroll, and adaptive quality.

0.1.0 #

Initial release.

  • LiquidGlassNavBar: floating iOS 26-style Liquid Glass bottom navigation bar.
  • Liquid lens: the selection capsule lifts into a refracting, magnifying glass lens while it moves or is dragged (fragment shader on Impeller).
  • Light refraction along the bar's rim, tuned for light and dark mode.
  • Drag along the bar to scrub between tabs, with selection haptics.
  • Hide on scroll (LiquidGlassScrollMinimizer), or collapse into a circle with LiquidGlassMinimizeStyle.circle.
  • LiquidGlassAppearance.clear / tinted / solid and backgroundOpacity.
  • Follows iOS Reduce Transparency, Increase Contrast and Reduce Motion.
  • LiquidGlassQuality.adaptive: measures frame times and steps the effect down on slow GPUs (e.g. Android emulators, older OpenGL ES devices).
1
likes
160
points
79
downloads
screenshot

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

An iOS 26 Liquid Glass bottom navigation bar for Flutter: frosted glass, a refracting liquid lens selection, hide on scroll, and adaptive quality.

Repository (GitHub)
View/report issues

Topics

#liquid-glass #bottom-navigation #tab-bar #glassmorphism #ios

License

MIT (license)

Dependencies

flutter

More

Packages that depend on liquid_glass_lens_navbar

Packages that implement liquid_glass_lens_navbar