Skip to content

d2-admin

A free, open-source admin dashboard template built with Vue for management systems.

Stars
12.6k
Forks
2.4k
Licence
MIT
Language
JavaScript
Last update
2.8 years ago
Type
App

No commits in over a year — check for forks or alternatives before adopting.

What it is

D2Admin is a front-end starter kit for building back-office management systems, the kind of admin panels used to manage data and users. It bundles a Vue-based layout with many prebuilt pages, components, and sample code so developers can start from a working base instead of from scratch. The README says the first-screen JavaScript loaded locally is under 60kb.

  • Start a company admin panel with login, side menu, and multi-tab navigation
  • Import or export tabular data as Excel (xlsx) or CSV files
  • Display markdown documents with a GitHub-style viewer
  • Add a rich text or markdown editor to a management page

Great for

  • Developers building internal admin or management dashboards
  • Teams that want a ready-made layout with login, menus, and tabs
  • Developers who already work with Vue and want sample code to learn from
  • Projects that need data import/export to Excel or CSV

Not ideal for

  • Non-developers who want a no-code dashboard tool, since it requires coding to set up and customize
  • Projects that need a long-term maintained backend, because the README says community backends are not guaranteed to track the latest version
  • Teams on a non-Vue stack, since the front end is built on Vue
Step-by-step guide: how to use d2-adminInstall, first run, examples, tips and FAQs

How to get it

  1. 1

    Clone and build from source

    You'll need: Node.js · Git

    Clone the repository

    git clone https://github.com/d2-projects/d2-admin.git
  2. 2

    Run it

    • Clone the repository and open the project folder
    • Install dependencies using the commands in the project's documentation at https://d2.pub
    • Start the local development server as described in the documentation
    • Open the local address shown in the terminal in your browser
  3. 3

    Get the most out of it

    • Read the full documentation at https://d2.pub/doc/d2-admin/
    • Review the built-in sample pages and components to learn the patterns
    • Use the global menu search and multi-tab features for larger navigation structures
    • Explore the community backend implementations listed in the README if you need a server side

Downloads

Strengths

  • Free and MIT-licensed, with a large star count on GitHub
  • Many built-in features listed in the README, such as themes, multi-language support, and search
  • Documentation is hosted at d2.pub and live demos are linked from the README

Trade-offs

  • The last push shown is January 2024, so maintenance activity may be limited
  • The README is truncated and lists many features with version tags, so it is hard to confirm current support for each one
  • Requires Vue and front-end build knowledge to adapt and extend

How it compares

ProjectStarsTypeLevelUpdatedBest for
d2-admin (this)12.6kAppintermediate2.8 years agoDevelopers building internal admin or management dashboards
vue-element-admin90.1kOtherintermediate2.0 years agoDevelopers building internal admin dashboards in Vue
ant-design-pro38.9kFrameworkintermediate9 days agoDevelopers building internal admin dashboards or back-office tools in React

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.