KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #typescript #developer-tools #claude-code #ai-agent #codex #deepseek-harness #ai-agents #cli #react #mcp

awesome-react-navbar

★ 33 Open GitHub ↗

A React application with modern navigation bar.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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/](https://awesome-react-navbar.web.app/)

Screenshots:

- Light theme:
<img width="1459" alt="light" src="https://user-images.githubusercontent.com/27026036/233188360-9e7c18e5-24d8-4dd6-b9cf-f5ec5da1d171.png">

- Dark theme:
<img width="1460" alt="dark" src="https://user-images.githubusercontent.com/27026036/233188594-1e32603d-2937-4596-9e87-738d17807afb.png">

## Used technologies

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

## How to run

1. Install [Node.js](https://nodejs.org/en/download/).
2. Install [Yarn](https://classic.yarnpkg.com/en/docs/install/).
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.

awesome-react-navbar

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README