elysian_nav 0.0.1-dev.1
elysian_nav: ^0.0.1-dev.1 copied to clipboard
A heavenly, elegant, and highly customizable bottom navigation bar for Flutter. Featuring soft gradients, premium shadows, rounded bliss, and celestial glow effects — perfect for modern, luxurious mobile apps.
ElysianNav 🌌✨ #
A heavenly, elegant & highly customizable bottom navigation bar for Flutter apps.
ElysianNav হলো একটা প্রিমিয়াম লুকের Bottom Navigation Bar যা তোমার অ্যাপকে স্বর্গীয় (heavenly) ভাইব দিবে। গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড, সফট শ্যাডো, রাউন্ডেড কর্নার, অ্যাকটিভ আইকনে গ্লো ইফেক্ট — সবকিছু আছে যাতে তোমার অ্যাপটা দেখতে লাক্সারিয়াস ও মডার্ন লাগে!
Features #
- Beautiful gradient backgrounds
- Premium glow effect on active icons
- Fully customizable (height, radius, colors, shadows, etc.)
- Celestial gradient icons (ShaderMask দিয়ে ম্যাজিকাল লুক)
- Perfect for both light & dark mode
- Super easy to use — just like Flutter's BottomNavigationBar
Installation #
Add this to your pubspec.yaml:
dependencies:
elysian_nav: ^0.0.1 # Check latest version on pub.dev
```yaml
flutter pub get
How to use it #
import 'package:flutter/material.dart';
import 'package:elysian_nav/elysian_nav.dart';
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key});
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
int _selectedIndex = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(child: Text('Page $_selectedIndex')),
bottomNavigationBar: ElysianNav(
currentIndex: _selectedIndex,
onTap: (index) => setState(() => _selectedIndex = index),
items: [
ElysianNavItem(icon: const Icon(Icons.home_outlined), label: 'Home'),
ElysianNavItem(icon: const Icon(Icons.search_outlined), label: 'Search'),
ElysianNavItem(icon: const Icon(Icons.favorite_border), label: 'Favorites'),
],
),
);
}
}