A collection of 16 modern, responsive navigation bar designs built with HTML, CSS, and minimal JavaScript. This project has been optimized for better structure and easier navigation through a centralized portal.
- 16 Unique Navbar Designs.
- Fully Responsive layouts.
- Dark Theme portal for easy browsing.
- Modern CSS (Flexbox, Grid, Animations).
- Standardized project structure.
https://github.com/rajjitlai/Navbar_Designs
Each navbar design is contained within its own directory:
navbar-1/tonavbar-16/: Individual design folders containingindex.html,styles.css, and any required assets.index.html: The main landing page/portal for the collection.
You can preview each design by navigating to the following links:
| Design | Link |
|---|---|
| Navbar 1 | Preview |
| Navbar 2 | Preview |
| Navbar 3 | Preview |
| Navbar 4 | Preview |
| Navbar 5 | Preview |
| Navbar 6 | Preview |
| Navbar 7 | Preview |
| Navbar 8 | Preview |
| Navbar 9 | Preview |
| Navbar 10 | Preview |
| Navbar 11 | Preview |
| Navbar 12 | Preview |
| Navbar 13 | Preview |
| Navbar 14 | Preview |
| Navbar 15 | Preview |
| Navbar 16 | Preview |
- Standardization: Moved
home.htmltonavbar-16/index.htmlto maintain a consistent naming convention across the project. - Central Portal: Added a root
index.htmlthat serves as a dark-themed gallery for all designs. - Responsiveness: Audited and optimized all navbars for mobile responsiveness.
- Documentation: Added MIT License and GitHub repository links.
This project is licensed under the MIT License - see the LICENSE file for details. Copyright (c) 2026 Rajjit Laishram
Created with ❤️ by Rajjit Laishram