41 lines
860 B
Markdown
41 lines
860 B
Markdown
# 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" />
|
|
|