Awesome React Navigation Bar

A modern application's navigation bar.

Purpose

To learn to build great navigation bars using tailwind with modern design patterns.

Used patterns:

• Light / dark theme
• Mega menu
• K Bar

Demo

A live demo is available at https://awesome-react-navbar.web.app/

Screenshots:

• Light theme:

  

• Dark theme:

  

Used technologies

• 🎁 Repository: regular Git repository
• 🧰 Frameworks: React, Typescript
• 🎨 Styling: tailwind

How to run

1. Install Node.js.
2. Install Yarn.
3. Clone the repository.
4. Type and run: yarn in the root directory.
5. Type and run: yarn dev in the root directory.
6. Open http://localhost:5173 in your browser to see the app.