https://github.com/serresebastien/nuxt-tailwind-responsive-navbar

Beautiful responsive navbar using Nuxt.js with TailwindCSS.
https://github.com/serresebastien/nuxt-tailwind-responsive-navbar

navbar nuxt nuxtjs responsive tailwind tailwindcss

Last synced: 6 months ago
JSON representation

Beautiful responsive navbar using Nuxt.js with TailwindCSS.

• Host: GitHub
• URL: https://github.com/serresebastien/nuxt-tailwind-responsive-navbar
• Owner: serresebastien
• License: mit
• Created: 2020-10-15T12:22:54.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-10-26T16:32:37.000Z (about 5 years ago)
• Last Synced: 2023-09-19T14:48:02.410Z (about 2 years ago)
• Topics: navbar, nuxt, nuxtjs, responsive, tailwind, tailwindcss
• Language: Vue
• Homepage: https://nuxt-tailwind-navbar.netlify.app
• Size: 123 KB
• Stars: 49
• Watchers: 2
• Forks: 17
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  



# Responsive Navbar

[![Netlify Status](https://api.netlify.com/api/v1/badges/b428a366-080f-4668-9ee0-3c6b0ce83d8d/deploy-status)](https://app.netlify.com/sites/nuxt-tailwind-navbar/deploys)

> Beautiful responsive navbar for all your project using [Nuxt.js](https://nuxtjs.org/) and [Tailwind.css](https://tailwindcss.com/)



demo


## How to run and build the project

```bash

# install dependencies

$ npm install

# serve with hot reload at localhost:3000

$ npm run dev

# build for production and launch server

$ npm run build

$ npm run start

# generate static project

$ npm run generate

```

For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).

## Credit

To create this project, I was helped by the work of

- [fayazara](https://github.com/fayazara/tailwind-components)

- [mr_alaraj](https://tailwindcomponents.com/component/traveler-hero-concept-design)