Analytics UI

screenshot of Analytics UI
nuxt
vue
tailwind

Analytics UI created with Nuxt 3 + Tailwind CSS

Overview:

The Analytics Dashboard is a web application created using Nuxt 3 and Tailwind CSS. It provides users with a visual representation of analytics data. The dashboard includes a demo version, which can be accessed at analytics-ui.behonbaker.com. The theme for the dashboard was created using Shadcn UI, with the Tailwind config being copied from the shadcn-ui framework. The project makes use of various modules, such as @nuxtjs/tailwindcss, nuxt-icon, @vueuse/nuxt, nuxt-headlessui, @morev/vue-transitions/nuxt, and @davestewart/nuxt-scrollbar. Additionally, Chart JS was used for charting purposes.

Features:

  • Analytics data visualization
  • Light and dark mode
  • Interactive charts
nuxt
Nuxt

nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.