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

A premium floating Liquid Glass bottom navigation bar with smooth drag-to-preview, an organic liquid bubble indicator and light/dark support.

Changelog #

All notable changes to this project are documented in this file. This project adheres to Semantic Versioning.

0.1.0 #

Initial public release.

Added #

  • LiquidGlassBottomNav — a premium floating Liquid Glass bottom navigation bar with a real BackdropFilter blur clipped to the bar only.
  • Tap navigationonTap fires immediately on tap with a selection haptic.
  • Smooth drag preview — the liquid capsule follows the finger continuously; the page does not change during the drag.
  • Commit on release — navigation commits exactly once, on release, for the nearest tab (dragging across tabs never opens intermediate screens).
  • Organic liquid bubble/drop indicator — a tapered-superellipse "lens" shape (never a rectangle, pill, oval or circle) with gradient, reflection, rim-light border, glow and depth shadow.
  • Balanced top/bottom overflow — the bubble bulges equally over both edges of the bar while dragging, painted into reserved headroom so it is never clipped and never reaches the safe area.
  • Horizontal liquid stretch — the drop widens into a centre-anchored horizontal capsule and elongates toward a flick.
  • Menu magnification (liquid lens) — items magnify based on distance from the bubble centre (the icon leads the label).
  • Filled active icons — the selected tab, and the tab under the bubble during a drag, show their filled selectedIcon.
  • Light and dark mode — colours auto-resolve from the ambient theme.
  • LiquidGlassNavItem — destination model (icon, optional selectedIcon, label, optional semanticLabel, optional badgeCount).
  • LiquidGlassNavTheme — full visual/behaviour configuration with sensible defaults.
  • SafeArea support, max-width centring, reduce-motion support and a RepaintBoundary-isolated, self-halting drag-physics ticker for good performance.
  • A runnable example app with five tabs and an IndexedStack.
4
likes
150
points
129
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

A premium floating Liquid Glass bottom navigation bar with smooth drag-to-preview, an organic liquid bubble indicator and light/dark support.

Repository (GitHub)
View/report issues

Topics

#navigation #bottom-navigation #glassmorphism #ui #widget

License

MIT (license)

Dependencies

flutter

More

Packages that depend on liquid_glass_floating_nav