https://github.com/marleydip/react-multi-menu-navbar-framer-motion-tailwind-css
Responsive multilevel dropdown navbar with react js & tailwind css | React js Dropdown Navbar
https://github.com/marleydip/react-multi-menu-navbar-framer-motion-tailwind-css
framer-motion functional-components jsx-renderer optional-chaining tailwind-css useeffect-hook vite
Last synced: about 2 months ago
JSON representation
Responsive multilevel dropdown navbar with react js & tailwind css | React js Dropdown Navbar
- Host: GitHub
- URL: https://github.com/marleydip/react-multi-menu-navbar-framer-motion-tailwind-css
- Owner: marleyDip
- Created: 2025-07-27T09:55:30.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-07-27T09:58:51.000Z (11 months ago)
- Last Synced: 2025-07-27T11:43:52.923Z (11 months ago)
- Topics: framer-motion, functional-components, jsx-renderer, optional-chaining, tailwind-css, useeffect-hook, vite
- Language: JavaScript
- Homepage:
- Size: 49.8 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Responsive Multi Menu NavBar
## Description
### Responsive Multi Menu navigation bar using React JS, Tailwind CSS, and Framer Motion
## Features
- Easily customizable navigation bar.
- Supports dropdown menus.
- Responsive design for mobile and desktop views.
- [Live Preview](https://sofian-navbar.netlify.app/)
## Installation
1. Clone the repository:
```bash
git clone https://github.com/marleyDip/React-Multi-Menu-Navbar-Framer-Motion-Tailwind-CSS.git
```
2. Navigate to the project directory:
```bash
cd React-Multi-Menu-Navbar-Framer-Motion-Tailwind-CSS
```
3. Install the dependencies using `pnpm`:
```bash
pnpm install
```
## Usage
1. Start the application:
```bash
pnpm start
```
2. Open your browser and navigate to `http://localhost:5173`.