🚆 Jetpack Compose NavigationRail Demo

This project explores and implements all major types of Navigation Rails available in Material Design 3 and Material 3 Expressive using Jetpack Compose. It also demonstrates how to integrate Navigation Component for navigating between composable destinations.

---

✨ Features

• ✅ Implemented multiple types of Navigation Rails:

  • NavigationRail
  • WideNavigationRail
  • ModalWideNavigationRail

• ✅ Integrated with Jetpack Navigation Component:

  • NavController, NavHost, and composable destinations

• ✅ Material 3 & Material 3 Expressive usage for modern UI patterns

• ✅ Responsive design for adaptive layouts

---

🧱 Tech Stack

• Kotlin
• Jetpack Compose
• Material 3 & Expressive
• Navigation Component for Compose

---

📸 Demo Video

navigation_rail.mp4

---

📚 References

• Material Design 3 - NavigationRail
• Jetpack Compose Navigation Docs

---

⭐ If you found this project helpful, please consider giving it a star — it helps a lot! 🙌