# vue-template-admin

**Repository Path**: dreamkaylee/vue-template-admin

## Basic Information

- **Project Name**: vue-template-admin
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-16
- **Last Updated**: 2026-03-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue Template Admin - UI/UX Pro Max

Based on **Vue 3**, **Tailwind CSS v4**, and **Pinia**, this is an enterprise-level admin template following the "UI/UX Pro Max" design guidelines.

## Features

- **No 3rd Party UI Libraries**: All components are custom built with Tailwind CSS v4.
- **3 Navigation Modes**:
  - **Left Standard**: Classic sidebar navigation.
  - **Top Navigation**: Full-width top header navigation.
  - **Left Double Column**: Two-column sidebar for large-scale applications.
- **Theme Customization**:
  - **Dark Mode**: Fully supported with `useDark`.
  - **Primary Color**: Dynamic primary color switching.
  - **Persistence**: Theme settings are saved to `localStorage`.
- **UI Components**:
  - Button, Input, Card, Table, Modal (Dialog), TabsView.
  - Consistent design system (colors, typography, spacing).
- **Tech Stack**:
  - Vue 3.5+ (Composition API, Script Setup)
  - Tailwind CSS v4.0+
  - Pinia 3.0+ (State Management)
  - Vue Router 4.0+
  - Vite 6.0+
  - TypeScript

## Project Setup

```sh
pnpm install
```

### Development

```sh
pnpm dev
```

### Production Build

```sh
pnpm build
```

## Directory Structure

- `src/layouts`: Layout components (MainLayout, Sidebar, Header).
- `src/stores`: Pinia stores (Theme, etc.).
- `src/components/ui`: Reusable UI components (Button, Input, etc.).
- `src/views`: Page views (Dashboard, Components, etc.).
- `src/styles`: Global styles and Tailwind configuration.

## Design Guidelines

This project strictly follows the "Enterprise Web Admin UI/UX Pro Max Design Guidelines".
- **Primary Color**: `#165DFF` (Blue)
- **Font**: Inter, PingFang SC, sans-serif
- **Spacing**: 8px grid system