nuxt3-tailwindcss3-starter-kit

nuxt3-tailwindcss3-starter-kit copied to clipboard

Nuxt 3 With Tailwindcss 3

🔥 If We need anything, I will add it.

The project was created under the impression of Antfu's vitesse-nuxt3
Thank you for your efforts for open source.

Features

• 💚 Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.
• ⚡️ Vite - Instant HMR
• 🎨 Tailwindcss - A utility-first CSS framework for rapidly building custom user interfaces.
• ⚒️ HeadlessUI - A set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
• ✨ Iconify - use icons from any icon sets 🔍Icônes
• 🔥 The <script setup> syntax
• 🍍 State Management via Pinia
• 📥 APIs auto importing - For Composition API, VueUse and custom composables.
• 🏎 Zero-config cloud functions and deploy
• 🦾 TypeScript, of course

Nuxt Modules

• VueUse - collection of useful composition APIs
• ColorMode - dark and Light mode with auto detection made easy with Nuxt.
• Pinia - intuitive, type safe, light and flexible Store for Vue.

IDE

• VS Code
• Volar
• Tailwindcss-Intellisense

Try it now!

GitHub Template

Create a repo from this template on GitHub.

Clone to local

If you prefer to do it manually with the cleaner git history

npx degit initred/nuxt3-tailwindcss3-starter-kit my-nuxt3-app
cd my-nuxt3-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm