Skip to content

这是一个基于 Vue3、TypeScript、Vite 和 Element-Plus 精心打造的后台管理系统模板,专注于用户体验和视觉设计。

License

Notifications You must be signed in to change notification settings

cethink/art-design-pro

 
 

Repository files navigation


Art Design Pro

A backend system template that combines design aesthetics with efficient development, helping you quickly build professional-grade applications

English | 简体中文

license github stars github forks


What makes this project special?

Interface Design: Modern UI design with smooth interactions, focusing on user experience and visual design

Quick Start: Clean architecture + comprehensive documentation, easy for backend developers to use

Rich Components: Built-in high-quality components for data display, forms, and more to meet different business scenarios

Smooth Interactions: Button clicks, theme switching, page transitions, chart animations - experience comparable to commercial products

Efficient Development: Built-in practical APIs like useTable and ArtForm to significantly improve development efficiency

Clean Scripts: Built-in one-click cleanup script to quickly remove demo data and get a ready-to-develop base project

Tech Stack

Development Framework: Vue3, TypeScript, Vite, Element-Plus

Code Standards: Eslint, Prettier, Stylelint, Husky, Lint-staged, cz-git

Preview

Light Theme

Light Theme

Dark Theme

Dark Theme

Quick Access

Live Demo

Official Documentation

Installation & Setup

# Install dependencies
pnpm install

# If pnpm install fails, try using the command below
pnpm install --ignore-scripts

# Start local development environment
pnpm dev

# Build for production
pnpm build

Clean Version

The project includes a cleanup script to quickly remove demo data and provide developers with a ready-to-develop base project

pnpm clean:dev

Technical Support

QQ Group: 821834289 (Click the link to join the group chat)

Browser Compatibility

Supports modern mainstream browsers including Chrome, Safari, Firefox, and more.

Contributing

We sincerely welcome and appreciate the support of every contributor! Whether you have new ideas, feature suggestions, or code optimizations, you can participate in the following ways:

Submit Pull Requests: Share your code and help the project grow.

Create GitHub Issues: Provide bug feedback or new feature suggestions to help us improve together.

Every contribution you make takes this project one step further! Come join our open source community!

Continuous Optimization & Extension

The project maintains active updates, supports the latest frontend tech stack, is compatible with mainstream frameworks, and ensures long-term stability and extensibility. Community-driven feedback mechanisms allow your needs to be quickly integrated into project iterations.

Donation

If you feel this project has reduced your development costs and solved problems in your work/life, you can support us through the following ways:

Donation QR Code

Star History

Star History Chart

About

这是一个基于 Vue3、TypeScript、Vite 和 Element-Plus 精心打造的后台管理系统模板,专注于用户体验和视觉设计。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 62.4%
  • TypeScript 25.7%
  • SCSS 8.8%
  • CSS 2.5%
  • JavaScript 0.6%