# Vue Navbar Component

A modern, minimal **Navbar component** built with **Vue 3**, **TailWindCss**, and **Vite**.  
This project was created as a hands-on UI experiment, inspired by the navigation design and interaction patterns used in **Coda**.

The focus is on:
- clarity over complexity  
- smooth interactions  
- clean internal structure  

---

## ✨ Features

- ⚡ Built with **Vue 3 Composition API**
- 🎨 Clean, modern UI inspired by **Coda**
- 🛠 Powered by **Vite** for fast development


---

## 📦 Tech Stack

- **Vue 3**
- **TailWindCss**
- **Vite**

---

## 🚀 Getting Started

```bash
git clone https://github.com/ghaemaghaey/vue-Navbar.git
cd vue-Navbar
npm install
npm run dev
```
## Screen Shot
<img width="1904" height="279" alt="image" src="https://github.com/user-attachments/assets/15b85439-877c-4ed2-ad8f-37055a87c8eb" />