nav_bar 0.0.6

A highly customizable, futuristic bottom navigation bar with particle effects and liquid animations.

Nav Bar 🚀

A highly customizable, futuristic bottom navigation bar for Flutter with particle effects, liquid animations, and physics-driven dynamics.

---

📱 Style Showcase

The nav_bar package packs 13 unique styles, each powered by a high-performance Custom Painter.

🌊 Liquid

Organic, flowing metal fluid that follows your selection with gooey physics.

FuturisticNavBar(
  style: NavBarStyle.liquid,
  showLiquid: true,
  // ... other params
)

🎈 Floating

A gravity-defying elevated pill with magnetic attraction and soft glow.

FuturisticNavBar(
  style: NavBarStyle.floating,
  glowStrength: 1.5,
)

🌑 Obsidian

Ultra-premium matte design with real-time blur and micro-grid depth.

FuturisticNavBar(
  style: NavBarStyle.obsidian,
  blurSigma: 15.0,
)

⚛️ Quantum

Particle-based energy trails and state-shifting atomic dynamics.

FuturisticNavBar(
  style: NavBarStyle.quantum,
)

💎 Prism

Chromatic aberration and crystalline light refraction effects.

FuturisticNavBar(
  style: NavBarStyle.prism,
)

📟 Hologram

Digitized scanlines and flickering light projections from the future.

FuturisticNavBar(
  style: NavBarStyle.hologram,
)

⏱️ Chronos

Time-warping motion trails and temporal mechanical distortions.

FuturisticNavBar(
  style: NavBarStyle.chronos,
)

🧠 Synapse

Neural network connections that spark and bridge on interaction.

FuturisticNavBar(
  style: NavBarStyle.synapse,
)

🗿 Monolith

Brutalist geometric shifts with deep architectural light-slit shadows.

FuturisticNavBar(
  style: NavBarStyle.monolith,
)

🕳️ Singularity

A gravity-well effect that bends space and light around the active item.

FuturisticNavBar(
  style: NavBarStyle.singularity,
)

🖌️ Sumi

Japanese ink-wash aesthetics with organic bleed and fluid physics.

FuturisticNavBar(
  style: NavBarStyle.sumi,
)

🌌 Cosmos

Deep space parallax starfields and galactic nebular glows.

FuturisticNavBar(
  style: NavBarStyle.cosmos,
)

⚙️ Kinetic

Force-based physics where tiles react to speed, inertia, and wave propagation.

FuturisticNavBar(
  style: NavBarStyle.kinetic,
)

---

🛠️ Uber Customization

The engine is fully open for tuning. You can control the physics and visuals down to the pixel:

Parameter	Type	Default	Description
iconLabelSpacing	double	4.0	Vertical gap between icon and label.
glowStrength	double	1.0	Multiplier for the glow aura intensity.
borderWidth	double	1.5	Thickness of the outer bar frame.
blurSigma	double	10.0	Gaussian blur intensity (for Obsidian).
iconSize	double	24.0	Base size for navigation icons.
showGlow	bool	true	Toggle the background aura.
showLiquid	bool	true	Toggle the liquid path deformation.

---

🎨 Design Systems (Themes)

Choose from curated high-end themes:

• Cyberpunk: Neon cyan and purple grid vibes.
• Aurora: Soft arctic pastel gradients.
• Molten: Fierce volcanic red and gold.

FuturisticNavBar(
  theme: FuturisticTheme.aurora(),
  // ...
)

---

🚀 Quick Start

import 'package:nav_bar/nav_bar.dart';

FuturisticNavBar(
  selectedIndex: _index,
  onItemSelected: (i) => setState(() => _index = i),
  items: [
    NavBarItem(icon: Icons.home, label: 'HOME'),
    NavBarItem(icon: Icons.search, label: 'SEARCH'),
    NavBarItem(icon: Icons.person, label: 'PROFILE'),
  ],
)

📜 License

MIT License - feel free to build something world-class with this!