Skip to content

This is the nested navbar using ReactJs and Tailwind CSS.

Notifications You must be signed in to change notification settings

gtech-official08/nested-navbar

Repository files navigation

Responsive Nested Navbar / Multi-Navbar / Nav with Subnav

This project features a fully responsive nested navbar with multiple sub-nav items, built using React.js and Tailwind CSS. It ensures a seamless user experience across all devices.

Installation

Install with npm

Clone the project

  git clone https://github.com/gtech-official08/nested-navbar.git

Remove .git an README.md if you want to push this repo on your github.com.

Go to the project directory

  cd my-project

Install dependencies

npm install

OR

npm i

Start the server

npm run dev

If you want to see live project on your mobile or other local machine with same wifi connection.

npm run dev -- --host

Features

  • Fully responsive design
  • Nested sub-navigation items
  • Built with React.js
  • Styled with Tailwind CSS
  • Mobile-first approach

Tech Stack

Client: ReactJs, ViteJs, TailwindCSS

Screenshots

Larger Size

Mobile Size

See Demo

Live Demo:-

Full Video Tutorial

Video Link:-

Repository Tags

  • Add relevant tags to your repository:
    • react
    • tailwind-css
    • responsive-navbar
    • nested-navigation
    • frontend-development

Author

Acknowledgements

Support

For support, email gtech.official08@gmail.com or DM us on Instagram.

Appendix

Don't Forgot to Subscribe, Like, Comment, & Share.