1. Project Overview

layui vue admin

Ready-to-use layui vue enterprise-grade frontend template

2. Open Source License

Licensed under MIT

3. Screenshots

Preview Screenshots

Preview Interface

4. Feature Overview

Ready-to-use layui vue enterprise-grade frontend template

• A general-purpose frontend template built with Layui Vue. Integrates the latest technologies for efficient and rapid development, featuring a frontend-backend separated architecture and ready-to-use functionality.
• Core modules include: login, workspace, form pages, list pages, result pages, error pages, and other features.
• Less code, easy to learn, powerful features, lightweight, and extensible. Start developing with ease today!

5. Tech Stack

A general-purpose frontend template built with Layui Vue. Integrates the latest technologies for efficient and rapid development, featuring a frontend-backend separated architecture. A ready-to-use Vue 3.0 admin dashboard template.

• layui
• vue 3.0
• vite 4
• TypeScript
• layui-vue
• pinia
• vue-router
• axios
• mockjs
• nprogress
• echarts
• js-base64

Get Started

Switch Environment

nvm install 16.0.0

nvm use 16.0.0

Install Dependencies

npm install -g pnpm

pnpm install

Start the Project

npm run dev

Build the Project

npm run build

Layui

Native · Open Source

Minimalist Modular Web UI Component Library

Layui is a free, open-source Web UI component library. It adopts its own lightweight modular specifications and follows the native HTML/CSS/JavaScript development model, making it easy to learn and ready to use. Its style is simple and lightweight, yet elegant and refined internally. Even every detail of its documentation has been carefully crafted, making it ideal for rapidly building web interfaces. Unlike many mainstream frontend frameworks, Layui does not go against conventional approaches but instead embraces a back-to-basics philosophy. More precisely, it is designed for pragmatic developers who value simplicity. There is no need to work with various build tools; simply work directly with the browser to easily implement the elements and interactions required by your pages.

layui-vue (pronounced similarly to 'Class UI') is a desktop component library for Vue 3.0.

A desktop component library for Vue 3.0, offering another presentation of Layui.

layui-vue-admin is a ready-to-use Vue 3.0 admin dashboard template.