Skip to content

HassanKadhim/nuxt3-starter-template

Repository files navigation


Nuxt3 Starter

Installation

yarn install
yarn dev

Included

Unocss

Inspired by Windi CSS, Tailwind CSS, and Twind, but:


Maz-UI

vue 3 nuxt 3

npm license Downloads

maintainability test_coverage

bundlephobia_tree bundlephobia_zip bundlephobia_zip

Maz-ui is a standalone components library and tools for Vue.JS & Nuxt.JS (v3.x)

Documentation & Components

Documentation & Components


Supabase

Supabase is an open source Firebase alternative. We're building the features of Firebase using enterprise-grade open source tools.

  • Hosted Postgres Database. Docs
  • Authentication and Authorization. Docs
  • Auto-generated APIs.
    • REST. Docs
    • Realtime subscriptions. Docs
    • GraphQL (Beta). Docs
  • Functions.
    • Database Functions. Docs
    • Edge Functions Docs
  • File Storage. Docs
  • Dashboard

Documentation

For full documentation, visit supabase.com/docs

To see how to Contribute, visit Getting Started


vue-chartjs

vue-chartjs logo

vue-chartjs is a wrapper for Chart.js in vue. You can easily create reuseable chart components.

Supports Chart.js v3 and v2.

npm version codecov Build Status Package Quality npm Gitter chat license CDNJS version Known Vulnerabilities Donate ko-fi


Pinia

Intuitive, type safe and flexible Store for Vue

  • 💡 Intuitive
  • 🔑 Type Safe
  • ⚙️ Devtools support
  • 🔌 Extensible
  • 🏗 Modular by design
  • 📦 Extremely light

Pinia works with both Vue 2 and Vue 3.

Pinia is the most similar English pronunciation of the word pineapple in Spanish: piña. A pineapple is in reality a group of individual flowers that join together to create a multiple fruit. Similar to stores, each one is born individually, but they are all connected at the end. It's also a delicious tropical fruit indigenous to South America.


@nuxtjs/color-mode

[![npm version][npm-version-src]][npm-version-href] [![npm downloads][npm-downloads-src]][npm-downloads-href] [![Github Actions CI][github-actions-ci-src]][github-actions-ci-href] [![License][license-src]][license-href]

🌑 Dark and 🌕 Light mode with auto detection made easy with Nuxt

nuxt-color-mode

Live demo

Features

  • Nuxt 3 and Nuxt Bridge support
  • Add .${color}-mode class to <html> for easy CSS theming
  • Force a page to a specific color mode (perfect for incremental development)
  • Works with client-side and universal rendering
  • Auto detect system color-mode
  • Sync dark mode across tabs and windows 🔄
  • Supports IE9+ 👴

📖  Read more

Note: v3 of @nuxtjs/color-mode is compatible with Nuxt 3 and Nuxt Bridge. If you're looking for the previous version of this module, check out the previous docs, or read more about the differences.