# D2Admin — Elegant Open-Source Vue Admin Dashboard with Plugin Ecosystem

> A beautifully designed Vue 2 admin panel framework featuring a plugin architecture, multiple layout modes, and comprehensive documentation.

## Install

Save as a script file and run:

# D2Admin — Elegant Open-Source Vue Admin Dashboard with Plugin Ecosystem

## Quick Use
```bash
git clone https://github.com/d2-projects/d2-admin.git
cd d2-admin
npm install
npm run dev
```

## Introduction
D2Admin is a Vue-based open-source admin dashboard framework created by the D2 Projects community. It emphasizes visual elegance, developer experience, and extensibility through a plugin system, making it a popular choice for teams building internal tools and management systems.

## What D2Admin Does
- Provides a polished admin shell with multiple navigation and layout modes
- Implements a plugin system for modular feature composition
- Includes multi-tab page management with session persistence
- Offers theme customization with live preview and export
- Ships with comprehensive demo pages for charts, tables, and forms

## Architecture Overview
D2Admin is built on Vue 2 with Vuex for state management and Vue Router for navigation. The plugin architecture allows features (logging, error handling, theme switching) to be added or removed without modifying the core. Element UI provides the component foundation, with custom overrides for the distinctive visual style.

## Self-Hosting & Configuration
- Clone and install dependencies with npm or yarn
- Modify `vue.config.js` for public path and proxy settings
- Configure menus and permissions in the store modules
- Customize theme colors via the built-in theme editor page
- Build and deploy static assets to any web server

## Key Features
- Multiple layout modes: sidebar, horizontal, and combined navigation
- Page tab system with right-click context menu and drag reordering
- Global size control for switching between compact and comfortable density
- Built-in request logging and performance monitoring in dev mode
- Comprehensive icon management with search and preview

## Comparison with Similar Tools
- **vue-element-admin** — More components and pages, less focus on visual polish
- **vue-vben-admin** — Vue 3 + Vite, more modern but different design language
- **iView Admin** — Uses iView/View Design components instead of Element UI
- **vue-pure-admin** — Lighter, Vue 3, more minimal approach
- **AdminLTE** — jQuery-based, broader language support but dated architecture

## FAQ
**Q: Is there a Vue 3 version?**
A: The team has focused on D2Admin for Vue 2. For Vue 3, consider vue-vben-admin or vue-pure-admin which share similar design principles.

**Q: Can I use it for commercial projects?**
A: Yes, D2Admin is MIT-licensed and free for commercial use without attribution requirements.

**Q: How does the plugin system work?**
A: Plugins are Vuex modules with optional router guards and component mixins. They register via a central plugin loader during app initialization.

**Q: What backend does it pair with?**
A: D2Admin is backend-agnostic. Community adapters exist for Spring Boot, Django, Express, and Go backends.

## Sources
- https://github.com/d2-projects/d2-admin
- https://d2.pub/d2-admin/doc/

---
Source: https://tokrepo.com/en/workflows/asset-4a80f44e
Author: Script Depot