### Test Installation of Published Package

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/QUICKSTART.md

Commands to create a new Flutter project, add the 'liquid_glass_nav' package as a dependency, and run the project to verify the installation.

```bash
# Create test project
flutter create test_liquid_glass
cd test_liquid_glass

# Add dependency
flutter pub add liquid_glass_nav

# Test it works
flutter run
```

--------------------------------

### Quick Command Reference for Flutter Package Management

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/QUICKSTART.md

A collection of frequently used Flutter and Git commands for package verification, formatting, testing, publishing, and version tagging.

```bash
# Verify package
flutter pub publish --dry-run

# Format code
flutter format .

# Run tests
flutter test

# Analyze code
flutter analyze

# Publish (after GitHub setup)
flutter pub publish

# Create git tag
git tag v1.0.0
git push origin v1.0.0
```

--------------------------------

### Example Social Media Post for Package Promotion

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/QUICKSTART.md

An example text post for promoting the 'liquid_glass_nav' package on social media platforms like Twitter, highlighting its features and linking to pub.dev.

```text
🎉 Just published liquid_glass_nav v1.0.0!

A beautiful Flutter package for glassmorphism bottom navigation bars with:
✨ 4 animation types
📳 Haptic feedback
🔔 Badge support
♿ Full accessibility
🎨 Highly customizable

Check it out: https://pub.dev/packages/liquid_glass_nav

#Flutter #FlutterDev #MadeWithFlutter
```

--------------------------------

### Verify and Prepare Flutter Package

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/QUICKSTART.md

Commands to format code, analyze for issues, run tests, and perform a dry run of the package publication. Ensures the package is production-ready with no warnings and passing tests.

```bash
cd c:\Users\om\Desktop\liquid_glass_nav

# Format code
flutter format .

# Analyze code
flutter analyze

# Run tests
flutter test

# Dry run
flutter pub publish --dry-run
```

--------------------------------

### Push Flutter Package to GitHub

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/QUICKSTART.md

Bash commands to initialize Git, stage all files, commit with a version message, add the remote origin, and push the main branch to GitHub. Includes creating and pushing a version tag.

```bash
cd c:\Users\om\Desktop\liquid_glass_nav

# Initialize git (if not already done)
git init

# Add all files
git add .

# Commit
git commit -m "Initial release v1.0.0 - Production ready with animations, badges, and accessibility"

# Add remote (replace YOUR_USERNAME)
git remote add origin https://github.com/YOUR_USERNAME/liquid_glass_nav.git

# Push
git branch -M main
git push -u origin main

# Create tag
git tag v1.0.0
git push origin v1.0.0
```

--------------------------------

### Update pubspec.yaml for Repository Information

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/QUICKSTART.md

YAML snippet to update the homepage, repository, issue tracker, and documentation URLs in the pubspec.yaml file. Replace 'YOUR_USERNAME' with the actual GitHub username.

```yaml
homepage: https://github.com/YOUR_USERNAME/liquid_glass_nav
repository: https://github.com/YOUR_USERNAME/liquid_glass_nav
issue_tracker: https://github.com/YOUR_USERNAME/liquid_glass_nav/issues
documentation: https://github.com/YOUR_USERNAME/liquid_glass_nav#readme
```

--------------------------------

### Publish Flutter Package to pub.dev

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/QUICKSTART.md

The command to publish the Flutter package to the pub.dev repository. This will prompt for confirmation and may require Google account login and email verification.

```bash
flutter pub publish
```

--------------------------------

### Create and Push Git Tag for Release

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/PUBLISHING.md

These commands are used to create a Git tag for a specific version of the package and then push that tag to the remote repository. This is a standard practice for version control and is essential for creating releases, such as GitHub Releases, and for managing different versions of the software.

```bash
git tag v1.0.0
git push origin v1.0.0
```

--------------------------------

### Install Liquid Glass Navigation Package

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/README.md

To use the liquid_glass_nav package, add it as a dependency in your pubspec.yaml file and then run 'flutter pub get'. This makes the package's widgets and functionalities available in your project.

```yaml
dependencies:
  liquid_glass_nav: ^1.0.0
```

```bash
flutter pub get
```

--------------------------------

### Directory and Image Handling for Screenshots

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/PUBLISHING.md

This bash snippet illustrates how to create a directory for storing screenshots and provides comments on adding image files. It recommends using the PNG format and keeping file sizes under 4MB. Proper image handling is important for optimizing the package's presentation on pub.dev.

```bash
# Create screenshots directory
mkdir screenshots

# Add images (PNG format recommended)
# Keep file sizes under 4MB
```

--------------------------------

### Configure Accessibility Features for Navigation Items

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/SUMMARY.md

This code example demonstrates how to enhance accessibility for LiquidGlassNavItem widgets by providing semantic labels and tooltips. These features improve usability for screen readers and provide helpful information on long presses.

```dart
LiquidGlassNavItem(
  icon: Icons.home,
  label: 'Home',
  semanticLabel: 'Home Screen Navigation',
  tooltip: 'Go to home screen',
)
```

--------------------------------

### Format, Analyze, and Test Code with Flutter CLI

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/PUBLISHING.md

This snippet demonstrates essential Flutter CLI commands for maintaining code quality. 'flutter format .' formats Dart code according to standard style guidelines. 'flutter analyze' checks for static analysis errors and warnings. 'flutter test' runs all defined unit and widget tests to ensure functionality. These commands are crucial for a successful package publication.

```bash
# Format code
flutter format .

# Analyze code
flutter analyze

# Run tests
flutter test

# Check pub score
flutter pub publish --dry-run
```

--------------------------------

### Adding Screenshots to pubspec.yaml

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/PUBLISHING.md

This YAML snippet shows how to declare screenshots within the 'pubspec.yaml' file. Each screenshot entry requires a description and the path to the image file. Including well-chosen screenshots significantly enhances the package's appeal and helps users understand its features.

```yaml
screenshots:
  - description: 'Default glassmorphism style'
    path: screenshots/default.png
  - description: 'With notification badges'
    path: screenshots/badges.png
```

--------------------------------

### Dry Run Package Publishing with Flutter CLI

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/PUBLISHING.md

This command performs a dry run of the package publishing process. It simulates the publication without actually uploading the package to pub.dev. This is a critical step to review potential errors, warnings, file inclusion, and the overall package score before the final publication.

```bash
flutter pub publish --dry-run
```

--------------------------------

### Pubspec.yaml for Package Metadata

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/PUBLISHING.md

This YAML snippet outlines the essential metadata required in the 'pubspec.yaml' file for a Flutter package. It includes the package name, a concise description, version information, links to the homepage, repository, and issue tracker, as well as documentation links and relevant topics. Screenshots can also be defined here, specifying their description and path.

```yaml
name: liquid_glass_nav
description: Clear, concise description (60-180 characters)
version: 1.0.0
homepage: https://github.com/username/repo
repository: https://github.com/username/repo
issue_tracker: https://github.com/username/repo/issues
documentation: https://github.com/username/repo#readme

topics:
  - ui
  - navigation
  - glassmorphism

screenshots:
  - description: 'Description'
    path: screenshots/image.png
```

--------------------------------

### Implement Gradient Backgrounds for Glassmorphism in Dart

Source: https://context7.com/om-prakash-yadav/liquid-glass-navigation/llms.txt

This example demonstrates creating a glassmorphism effect with gradient backgrounds using the LiquidGlassBottomNav widget. It allows customization of gradient colors, active and inactive item colors, and blur strength for a translucent appearance.

```dart
class GradientExample extends StatefulWidget {
  const GradientExample({super.key});

  @override
  State<GradientExample> createState() => _GradientExampleState();
}

class _GradientExampleState extends State<GradientExample> {
  int _currentIndex = 0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          Container(
            decoration: BoxDecoration(
              gradient: LinearGradient(
                begin: Alignment.topLeft,
                end: Alignment.bottomRight,
                colors: [
                  Colors.pink.shade200,
                  Colors.purple.shade300,
                  Colors.blue.shade300,
                ],
              ),
            ),
          ),
          LiquidGlassBottomNav(
            currentIndex: _currentIndex,
            onTap: (index) => setState(() => _currentIndex = index),
            useGradient: true,
            gradientColors: [
              const Color(0x40FF6B9D),
              const Color(0x40C06BFF),
            ],
            activeColor: Colors.white,
            inactiveColor: const Color(0xCCFFFFFF),
            blurStrength: 20,
            items: const [
              LiquidGlassNavItem(icon: Icons.home_rounded, label: 'Home'),
              LiquidGlassNavItem(icon: Icons.explore_rounded, label: 'Explore'),
              LiquidGlassNavItem(icon: Icons.favorite_rounded, label: 'Favorites'),
              LiquidGlassNavItem(icon: Icons.person_rounded, label: 'Profile'),
            ],
          ),
        ],
      ),
    );
  }
}

```

--------------------------------

### Complete Liquid Glass Navigation Integration (Dart)

Source: https://context7.com/om-prakash-yadav/liquid-glass-navigation/llms.txt

Provides a full integration example of the LiquidGlassBottomNav within a Flutter application. It includes state management for page switching using IndexedStack, positioning the navigation bar at the bottom, and configuring various visual and interactive properties like background color, blur, and animation.

```dart
import 'package:flutter/material.dart';
import 'package:liquid_glass_nav/liquid_glass_nav.dart';

class CompleteExample extends StatefulWidget {
  const CompleteExample({super.key});

  @override
  State<CompleteExample> createState() => _CompleteExampleState();
}

class _CompleteExampleState extends State<CompleteExample> {
  int _currentIndex = 0;

  final List<Widget> _pages = [
    HomePage(),
    ExplorePage(),
    FavoritesPage(),
    ProfilePage(),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          // Page content with IndexedStack for state preservation
          IndexedStack(
            index: _currentIndex,
            children: _pages,
          ),

          // Navigation bar positioned at bottom
          Positioned(
            left: 16,
            right: 16,
            bottom: 20,
            child: LiquidGlassBottomNav(
              currentIndex: _currentIndex,
              onTap: (index) {
                setState(() {
                  _currentIndex = index;
                });
              },
              backgroundColor: Colors.white.withOpacity(0.15),
              selectedItemColor: Colors.white,
              unselectedItemColor: Colors.white.withOpacity(0.5),
              blurStrength: 20,
              enableHapticFeedback: true,
              hapticFeedbackType: HapticFeedbackType.light,
              animationType: NavAnimationType.scale,
              items: const [
                LiquidGlassNavItem(
                  icon: Icons.home_rounded,
                  label: 'Home',
                  tooltip: 'Home Screen',
                ),
                LiquidGlassNavItem(
                  icon: Icons.explore_rounded,
                  label: 'Explore',
                  tooltip: 'Explore Screen',
                ),
                LiquidGlassNavItem(
                  icon: Icons.favorite_rounded,
                  label: 'Favorites',
                  tooltip: 'Favorites Screen',
                  showBadge: true,
                  badgeText: '2',
                ),
                LiquidGlassNavItem(
                  icon: Icons.person_rounded,
                  label: 'Profile',
                  tooltip: 'Profile Screen',
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}

```

--------------------------------

### Basic Liquid Glass Bottom Navigation Bar Example (Dart)

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/README.md

This Dart code demonstrates how to implement a basic Liquid Glass Bottom Navigation Bar in a Flutter application. It sets up a Scaffold with a Stack for content and positions the navigation bar at the bottom, handling item selection and state updates.

```dart
import 'package:flutter/material.dart';
import 'package:liquid_glass_nav/liquid_glass_nav.dart';

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _currentIndex = 0;
  
  final List<LiquidGlassNavItem> _items = [
    LiquidGlassNavItem(
      icon: Icons.home,
      label: 'Home',
      tooltip: 'Home Screen',
    ),
    LiquidGlassNavItem(
      icon: Icons.search,
      label: 'Search',
      tooltip: 'Search Screen',
    ),
    LiquidGlassNavItem(
      icon: Icons.favorite,
      label: 'Favorites',
      tooltip: 'Favorites Screen',
    ),
    LiquidGlassNavItem(
      icon: Icons.person,
      label: 'Profile',
      tooltip: 'Profile Screen',
    ),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          // Your page content here
          Container(
            decoration: BoxDecoration(
              gradient: LinearGradient(
                begin: Alignment.topCenter,
                end: Alignment.bottomCenter,
                colors: [Colors.blue.shade300, Colors.purple.shade300],
              ),
            ),
          ),
          
          // Navigation bar at the bottom
          Positioned(
            left: 16,
            right: 16,
            bottom: 20,
            child: LiquidGlassBottomNav(
              items: _items,
              currentIndex: _currentIndex,
              onTap: (index) {
                setState(() {
                  _currentIndex = index;
                });
              },
            ),
          ),
        ],
      ),
    );
  }
}

```

--------------------------------

### Publishing a Flutter Package (Bash)

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/SUMMARY.md

Commands to publish a Flutter package to pub.dev. Includes performing a dry run to check for issues before the actual publication and verifying the published package.

```bash
cd c:\Users\om\Desktop\liquid_glass_nav
flutter pub publish --dry-run
flutter pub publish
```

--------------------------------

### Configuring LiquidGlassNavItem (Dart)

Source: https://context7.com/om-prakash-yadav/liquid-glass-navigation/llms.txt

Demonstrates the configuration of individual navigation items within LiquidGlassBottomNav. This includes setting required icons and labels, optional active icons, badge configurations (text, color), and accessibility properties like tooltips and semantic labels.

```dart
const LiquidGlassNavItem(
  // Required fields
  icon: Icons.notifications_rounded,
  label: 'Notifications',

  // Optional active icon (shown when selected)
  activeIcon: Icons.notifications,

  // Badge configuration
  showBadge: true,
  badgeText: '3',
  badgeColor: Colors.red,
  badgeTextColor: Colors.white,

  // Accessibility
  tooltip: 'View your notifications',
  semanticLabel: 'Notifications button with 3 new alerts',
)
```

--------------------------------

### Implement LiquidGlassBottomNav Widget in Flutter

Source: https://context7.com/om-prakash-yadav/liquid-glass-navigation/llms.txt

Demonstrates how to integrate the LiquidGlassBottomNav widget into a Flutter application. This includes setting up the basic scaffold, page content, and the navigation bar with essential items and a tap handler. Dependencies include 'flutter/material.dart' and 'liquid_glass_nav/liquid_glass_nav.dart'.

```dart
import 'package:flutter/material.dart';
import 'package:liquid_glass_nav/liquid_glass_nav.dart';

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _currentIndex = 0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          // Your page content
          Container(
            decoration: BoxDecoration(
              gradient: LinearGradient(
                begin: Alignment.topCenter,
                end: Alignment.bottomCenter,
                colors: [Colors.blue.shade300, Colors.purple.shade300],
              ),
            ),
          ),

          // Navigation bar
          LiquidGlassBottomNav(
            items: const [
              LiquidGlassNavItem(
                icon: Icons.home_rounded,
                label: 'Home',
                tooltip: 'Home Screen',
              ),
              LiquidGlassNavItem(
                icon: Icons.explore_rounded,
                label: 'Explore',
                tooltip: 'Explore Screen',
              ),
              LiquidGlassNavItem(
                icon: Icons.favorite_rounded,
                label: 'Favorites',
                tooltip: 'Favorites Screen',
              ),
              LiquidGlassNavItem(
                icon: Icons.person_rounded,
                label: 'Profile',
                tooltip: 'Profile Screen',
              ),
            ],
            currentIndex: _currentIndex,
            onTap: (index) {
              setState(() {
                _currentIndex = index;
              });
            },
          ),
        ],
      ),
    );
  }
}

```

--------------------------------

### Configure Advanced Animations in Liquid Glass Nav

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/SUMMARY.md

This code demonstrates how to configure advanced animation types, durations, curves, and bounce effects for the LiquidGlassBottomNav widget. It allows for fine-tuning the visual transitions between navigation items.

```dart
LiquidGlassBottomNav(
  animationType: NavAnimationType.slideUp,
  animationDuration: Duration(milliseconds: 400),
  animationCurve: Curves.easeInOutCubic,
  enableBounceAnimation: true,
  bounceScale: 0.85,
  // ... other properties
)
```

--------------------------------

### Enable Haptic Feedback in Liquid Glass Nav

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/SUMMARY.md

This code snippet shows how to enable and configure haptic feedback for the LiquidGlassBottomNav widget, allowing users to receive physical feedback on interactions. It supports various feedback intensities and is platform-aware.

```dart
LiquidGlassBottomNav(
  enableHapticFeedback: true,
  hapticFeedbackType: HapticFeedbackType.medium,
  // ... other properties
)
```

--------------------------------

### Implement Badge Support in Liquid Glass Nav Items

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/SUMMARY.md

This code illustrates how to add text or dot badges to LiquidGlassNavItem widgets, indicating notifications or counts. It includes options for customizing badge text, colors, and enabling/disabling the badge.

```dart
LiquidGlassNavItem(
  icon: Icons.notifications,
  label: 'Alerts',
  showBadge: true,
  badgeText: '99+',
  badgeColor: Colors.red,
  badgeTextColor: Colors.white,
)
```

--------------------------------

### Configure Icon Transition Animations in Dart

Source: https://context7.com/om-prakash-yadav/liquid-glass-navigation/llms.txt

This code demonstrates how to configure different animation styles for icon transitions when switching between navigation items using the LiquidGlassBottomNav widget. It allows selection of animation types like scale, slideUp, rotateScale, and fade, along with duration and curve customization.

```dart
class AnimationExample extends StatefulWidget {
  const AnimationExample({super.key});

  @override
  State<AnimationExample> createState() => _AnimationExampleState();
}

class _AnimationExampleState extends State<AnimationExample> {
  int _currentIndex = 0;
  NavAnimationType _animationType = NavAnimationType.scale;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          Container(
            decoration: BoxDecoration(
              gradient: LinearGradient(
                colors: [Colors.purple.shade300, Colors.blue.shade400],
              ),
            ),
          ),
          LiquidGlassBottomNav(
            items: const [
              LiquidGlassNavItem(
                icon: Icons.home_outlined,
                activeIcon: Icons.home,
                label: 'Home',
              ),
              LiquidGlassNavItem(
                icon: Icons.explore_outlined,
                activeIcon: Icons.explore,
                label: 'Explore',
              ),
              LiquidGlassNavItem(
                icon: Icons.favorite_border,
                activeIcon: Icons.favorite,
                label: 'Favorites',
              ),
            ],
            currentIndex: _currentIndex,
            onTap: (index) => setState(() => _currentIndex = index),
            animationType: _animationType, // scale, slideUp, rotateScale, fade
            animationDuration: Duration(milliseconds: 300),
            animationCurve: Curves.easeInOutCubic,
          ),
        ],
      ),
    );
  }
}

```

--------------------------------

### Minimal Style Navigation Bar (Dart)

Source: https://context7.com/om-prakash-yadav/liquid-glass-navigation/llms.txt

Configures a clean, minimal navigation bar by hiding labels and increasing icon size. It utilizes LiquidGlassBottomNav with showLabels set to false and custom height and iconSize. Dependencies include Flutter Material library and liquid_glass_nav.

```dart
LiquidGlassBottomNav(
  currentIndex: _currentIndex,
  onTap: (index) => setState(() => _currentIndex = index),
  showLabels: false,
  height: 70,
  iconSize: 32,
  activeColor: Colors.indigo,
  inactiveColor: Colors.indigo.shade200,
  items: const [
    LiquidGlassNavItem(
      icon: Icons.home_rounded,
      label: 'Home', // Still required for accessibility
      tooltip: 'Home Screen',
    ),
    LiquidGlassNavItem(
      icon: Icons.search_rounded,
      label: 'Search',
      tooltip: 'Search Screen',
    ),
    LiquidGlassNavItem(
      icon: Icons.add_circle_rounded,
      label: 'Add',
      tooltip: 'Add Item',
    ),
    LiquidGlassNavItem(
      icon: Icons.favorite_rounded,
      label: 'Favorites',
      tooltip: 'Favorites Screen',
    ),
    LiquidGlassNavItem(
      icon: Icons.person_rounded,
      label: 'Profile',
      tooltip: 'Profile Screen',
    ),
  ],
)
```

--------------------------------

### Enable Ripple Effects in Liquid Glass Bottom Navigation

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/SUMMARY.md

This code shows how to enable and customize Material ripple effects for the LiquidGlassBottomNav widget, providing visual feedback on user taps. It allows for custom ripple colors to match application themes.

```dart
LiquidGlassBottomNav(
  enableRipple: true,
  rippleColor: Colors.white.withOpacity(0.2),
  // ... other properties
)
```

--------------------------------

### Bottom Nav with Haptic Feedback (Dart)

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/README.md

Configures the LiquidGlassBottomNav widget to provide haptic feedback on item taps. Users can select from different haptic feedback types like light, medium, heavy, or selection.

```dart
LiquidGlassBottomNav(
  items: _items,
  currentIndex: _currentIndex,
  onTap: (index) => setState(() => _currentIndex = index),
  enableHapticFeedback: true,
  hapticFeedbackType: HapticFeedbackType.medium, // light, medium, heavy, selection
)
```

--------------------------------

### Configure Custom Styling for LiquidGlassBottomNav in Flutter

Source: https://context7.com/om-prakash-yadav/liquid-glass-navigation/llms.txt

Illustrates how to apply custom styling to the LiquidGlassBottomNav widget in Flutter. This includes parameters for background color, item colors, blur intensity, dimensions, borders, shadows, and gradient effects. No specific external dependencies are required beyond the package itself.

```dart
LiquidGlassBottomNav(
  items: _items,
  currentIndex: _currentIndex,
  onTap: (index) => setState(() => _currentIndex = index),
  // Appearance
  backgroundColor: Colors.white.withOpacity(0.2),
  selectedItemColor: Colors.blue,
  unselectedItemColor: Colors.grey.shade400,
  blurIntensity: 15.0,
  // Dimensions
  height: 70.0,
  borderRadius: BorderRadius.circular(30),
  margin: EdgeInsets.all(16),
  iconSize: 28.0,
  fontSize: 12.0,
  // Borders and shadows
  borderColor: Colors.white.withOpacity(0.3),
  borderWidth: 1.5,
  enableShadow: true,
  shadowColor: Colors.black.withOpacity(0.1),
  shadowBlurRadius: 20,
  shadowOffset: Offset(0, 10),
  // Gradient background
  useGradient: true,
  gradientColors: [
    Colors.white.withOpacity(0.3),
    Colors.white.withOpacity(0.1),
  ],
  gradientBegin: Alignment.topLeft,
  gradientEnd: Alignment.bottomRight,
)

```

--------------------------------

### Navigation Bar with Accessibility Features (Dart)

Source: https://context7.com/om-prakash-yadav/liquid-glass-navigation/llms.txt

Implements comprehensive accessibility support for the navigation bar by including semantic labels and tooltips. This ensures screen reader compatibility. The LiquidGlassBottomNav widget is configured with these accessibility properties for each item.

```dart
LiquidGlassBottomNav(
  items: const [
    LiquidGlassNavItem(
      icon: Icons.home_rounded,
      label: 'Home',
      tooltip: 'Navigate to Home Screen',
      semanticLabel: 'Home navigation button',
    ),
    LiquidGlassNavItem(
      icon: Icons.search_rounded,
      label: 'Search',
      tooltip: 'Navigate to Search Screen',
      semanticLabel: 'Search navigation button',
    ),
    LiquidGlassNavItem(
      icon: Icons.person_rounded,
      label: 'Profile',
      tooltip: 'Navigate to Profile Screen',
      semanticLabel: 'Profile navigation button',
    ),
  ],
  currentIndex: _currentIndex,
  onTap: (index) => setState(() => _currentIndex = index),
)
```

--------------------------------

### Configure Haptic Feedback and Animations in Dart

Source: https://context7.com/om-prakash-yadav/liquid-glass-navigation/llms.txt

This code configures haptic feedback and additional visual effects for the LiquidGlassBottomNav widget. It allows enabling haptic feedback with adjustable intensity, along with bounce animations and ripple effects on item taps.

```dart
LiquidGlassBottomNav(
  items: _items,
  currentIndex: _currentIndex,
  onTap: (index) => setState(() => _currentIndex = index),
  enableHapticFeedback: true,
  hapticFeedbackType: HapticFeedbackType.medium, // light, medium, heavy, selection
  enableBounceAnimation: true,
  bounceScale: 0.85, // Scale factor during bounce (0.0 to 1.0)
  enableRipple: true,
  rippleColor: Colors.blue.withOpacity(0.3),
)

```

--------------------------------

### Advanced Liquid Glass Navigation Customization (Dart)

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/README.md

This Dart snippet shows advanced customization options for the LiquidGlassBottomNav widget. It includes configuring animation types, durations, curves, and integrating badge notifications with custom text and colors for specific navigation items.

```dart
LiquidGlassBottomNav(
  items: _items,
  currentIndex: _currentIndex,
  onTap: (index) => setState(() => _currentIndex = index),
  animationType: NavAnimationType.rotateScale, // Try: scale, slideUp, rotateScale, fade
  animationDuration: Duration(milliseconds: 300),
  animationCurve: Curves.easeInOut,
)

```

```dart
final items = [
  LiquidGlassNavItem(
    icon: Icons.home,
    label: 'Home',
  ),
  LiquidGlassNavItem(
    icon: Icons.message,
    label: 'Messages',
    showBadge: true,
    badgeText: '5',
    badgeColor: Colors.red,
    badgeTextColor: Colors.white,
  ),
  LiquidGlassNavItem(
    icon: Icons.notifications,
    label: 'Alerts',
    showBadge: true, // Shows dot badge without text
  ),
];

```

--------------------------------

### Bottom Nav with Custom Styling (Dart)

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/README.md

Applies custom styling to the LiquidGlassBottomNav widget, including background color, item colors, blur intensity, height, border radius, and gradient effects. This allows for a unique visual appearance.

```dart
LiquidGlassBottomNav(
  items: _items,
  currentIndex: _currentIndex,
  onTap: (index) => setState(() => _currentIndex = index),
  backgroundColor: Colors.white.withOpacity(0.2),
  selectedItemColor: Colors.blue,
  unselectedItemColor: Colors.grey,
  blurIntensity: 15.0,
  height: 70.0,
  borderRadius: BorderRadius.circular(30),
  gradient: LinearGradient(
    colors: [
      Colors.white.withOpacity(0.3),
      Colors.white.withOpacity(0.1),
    ],
  ),
)
```

--------------------------------

### Bottom Nav with Ripple Effect (Dart)

Source: https://github.com/om-prakash-yadav/liquid-glass-navigation/blob/main/README.md

Enables a ripple effect on the LiquidGlassBottomNav widget when an item is tapped. This provides visual feedback to the user and can be customized with a specific ripple color.

```dart
LiquidGlassBottomNav(
  items: _items,
  currentIndex: _currentIndex,
  onTap: (index) => setState(() => _currentIndex = index),
  enableRipple: true,
  rippleColor: Colors.blue.withOpacity(0.3),
)
```

--------------------------------

### Implement Notification Badges on Navigation Items in Dart

Source: https://context7.com/om-prakash-yadav/liquid-glass-navigation/llms.txt

This snippet shows how to add notification badges to navigation items using the LiquidGlassBottomNav widget. It supports displaying custom text, colors, and a simple dot indicator for alerts or counts on specific items.

```dart
LiquidGlassBottomNav(
  items: const [
    LiquidGlassNavItem(
      icon: Icons.home_rounded,
      label: 'Home',
    ),
    LiquidGlassNavItem(
      icon: Icons.chat_bubble_rounded,
      label: 'Messages',
      showBadge: true,
      badgeText: '5',
      badgeColor: Colors.red,
      badgeTextColor: Colors.white,
    ),
    LiquidGlassNavItem(
      icon: Icons.notifications_rounded,
      label: 'Alerts',
      showBadge: true,
      badgeText: '12',
      badgeColor: Colors.orange,
    ),
    LiquidGlassNavItem(
      icon: Icons.person_rounded,
      label: 'Profile',
      showBadge: true, // Shows dot badge without text
    ),
  ],
  currentIndex: _currentIndex,
  onTap: (index) => setState(() => _currentIndex = index),
)

```