Free and open source

Minimal Nuxt Boilerplate

A Nuxt 4 starter with Tailwind CSS, Shadcn UI, Nuxt Icons, and Cursor rules.

Includes routing, components, dark mode, and a design-kit layer.

What's included

Common Nuxt 4 tooling and project structure, configured so you can start from a working base instead of wiring everything yourself.

Skills for AI

Agent skills and Cursor rules in .agents/skills.

DESIGN-KIT.md

Design token spec. Implemented in layers/design-kit.

Tailwind CSS

Utility-first CSS framework for rapid UI development.

Shadcn UI

A collection of Vue components you can customize.

Nuxt Icons

Iconify icons with a simple Icon component.

Dark mode

Light and dark themes with VueUse.

Nuxt Image

Optimized image handling for faster loading.

Nuxt directories

Standard pages, components, and composables layout.

Landing page

A simple starting page for marketing sites.

VueUse

Composition utilities for Vue applications.

Get started

Clone the repository, install dependencies, and run the dev server.

Terminal

# Clone the repository
git clone https://github.com/babakzy/nuxtz.git
cd nuxtz

# Install dependencies
npm install

# Start the dev server
npm run dev

Runs at localhost:3000. Source on GitHub.

What is a boilerplate?

Every new project starts with setup before you write application code. A boilerplate handles that configuration up front. Nuxtz includes Tailwind, Shadcn UI, routing, and Cursor rules so you can start from a consistent base. Clone the repo, run npm install, and begin building.

Frequently asked questions

Nuxtz is a free Nuxt 4 boilerplate with common tooling included. Contact Babak Sadeghzadeh if you have questions.