LogoA Template
icon of Nuxt3 Awesome Starter

Nuxt3 Awesome Starter

A Nuxt 3 template with useful features, TailwindCSS 3 integration, and Nuxt Layer for easy extension and zero config setup.

Introduction

Nuxt 3 Awesome Starter

A Nuxt 3 starter template with a lot of useful features, integrated with TailwindCSS 3. Easy use and implemented in Nuxt Layer, you can extend this template with zero config. Nuxt Awesome Starter v2 separates core component apps and main business logic into the /app folder. It also provides the option to integrate with the Nuxt layer.

Key features:

  • Nuxt Layer Support
  • Tailwind CSS v3
  • Headless UI
  • Nuxt Icon
  • State & Store Management (Pinia)
  • Vue Composition Collection (Vueuse)
  • Built-in Awesome Component & Layout
  • Theme Manager (Color Mode)
  • Configurable Theme (Primary Colors, Font)

To get started:

  1. Create a new Nuxt 3 project.
  2. Install @nuxt-awesome/theme.
  3. Add extends: ['@nuxt-awesome/theme'] to your nuxt.config.ts.

This setup allows developers to quickly scaffold a project with modern tooling and a well-structured architecture, making it suitable for a wide range of web applications.

A templateCopy badages awards

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates