https://github.com/BayBreezy/analytics-ui

Analytics UI created with Nuxt 3 + Tailwind CSS
https://github.com/BayBreezy/analytics-ui

nuxt3 tailwindcss

Last synced: 8 months ago
JSON representation

Analytics UI created with Nuxt 3 + Tailwind CSS

• Host: GitHub
• URL: https://github.com/BayBreezy/analytics-ui
• Owner: BayBreezy
• Created: 2023-07-14T22:31:22.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-15T12:56:52.000Z (almost 2 years ago)
• Last Synced: 2024-04-16T14:21:21.478Z (almost 2 years ago)
• Topics: nuxt3, tailwindcss
• Language: Vue
• Homepage: https://analytics-ui.behonbaker.com
• Size: 1.61 MB
• Stars: 76
• Watchers: 1
• Forks: 12
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-shadcnui - Github - ui.behonbaker.com) | ★97 | (Inspirations & Examples)

README

          
# Analytics Dashboard

[![Netlify Status](https://api.netlify.com/api/v1/badges/ed5e5a46-63f2-48c5-91a0-7a6a129b37f0/deploy-status)](https://app.netlify.com/sites/bejewelled-kitten-6e2434/deploys)

Created with Nuxt 3 + Tailwind CSS

## Demo

Find the demo here: [analytics-ui.behonbaker.com](https://analytics-ui.behonbaker.com)

Tailwind config was copied from [shadcn-ui](https://ui.shadcn.com/)

![Cover](/public/cover.png)

## Modules Used

- @nuxtjs/tailwindcss

- nuxt-icon

- @vueuse/nuxt

- nuxt-headlessui

- @morev/vue-transitions/nuxt

- @davestewart/nuxt-scrollbar

Chart JS has no nuxt module but it was used as well.

Shadcn UI was used for the styles. I am not reinveting the wheel here.

## Components

Check the components folder for the components used in this project. Since I am not switching pages, I used the [`app.vue`](/app.vue) file to render everything.

Yes, light and dark mode is in place. Thanks to VueUse