Skip to content

hedgehogform/vue3-tailwind-shadcn-template

Repository files navigation

Vue 3 + Tailwind CSS + shadcn-vue Template

A modern Vue 3 template with Tailwind CSS v4, shadcn-vue components, and TypeScript support.

Features

  • ⚡ Vue 3 with Composition API
  • 🎨 Tailwind CSS v4
  • 🧩 shadcn-vue components
  • 📝 TypeScript support
  • 🗂️ Vue Router for navigation
  • 🏪 State management with Pinia
  • 📊 Data tables with Tanstack Vue Table
  • ✅ Form validation with VeeValidate + Zod
  • 🧪 Testing with Vitest
  • 🔥 Vite for fast development

Getting Started

Prerequisites

  • Node.js (^20.19.0 || >=22.12.0)

Installation

  1. Clone this repository
  2. Install dependencies:
    npm install

Development

Start the development server:

npm run dev

Building

Build for production:

npm run build

Preview production build:

npm run preview

Testing

Run tests:

npm test

Type checking:

npm run type-check

About

A template I use daily.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published