workflowstacks
analytics

D2 Admin

An elegant dashboard
12,629 stars2,406 forksJavaScriptUpdated 1/10/2024100% free · open source
What it does

d2-admin is a ready‑to‑use Vue.js admin dashboard template that comes with a full set of UI components, routing, permission control, and mock data out of the box.

When to use it
  • •You need a professional‑looking internal tool (admin panel, analytics dashboard, CRM) and want to ship it in weeks, not months.
  • •Your team prefers Vue 2 + Element‑UI and wants a proven folder structure, authentication flow, and built‑in internationalization.
  • •You want a starter that already includes charts, tables, and role‑based menu generation, so you can focus on business logic.
Ready-to-paste prompt
npm run dev   # starts the hot‑reload dev server at http://localhost:8080 with the demo admin account pre‑loaded
Heads up: The project uses `node-sass`, which requires a compatible Node version (<= 14) and Python 2.7 on Windows; mismatched versions cause install failures. Use Node 12 LTS or install the pre‑compiled `sass` package (`npm i -D sass`) and adjust the webpack config if you upgrade Node.
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

🛠️ Technical setup

Expect 20–40 minutes in a terminal — or let your AI agent drive it.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/d2-admin && curl -fsSL https://workflowstacks.com/api/skills/d2-admin/claude-skill -o ~/.claude/skills/d2-admin/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How D2 Admin works
Codeflow
Free to inspect

D2 Admin is a very large JavaScript project (~87k lines across 272 code files, plus 17 test files). It is a full software project: use it through its install path rather than reading it end to end. Last commit 32 months ago, MIT license, has a test suite.

Size
Very large codebase
~87k lines · 272 code files · days to read — use, don't read
Setup
Developer setup
A real software project. Use it via its install path; don't expect to read it all.
Runs on
Node.js
No API keys detected
JavaScript 79%Vue 9%CSS 5%HTML 5%SCSS 2%
Where to start reading
  1. 1
    README.md
    Start here — what it does and how to install it
  2. 2
    src/main.js
    Where the program starts running
  3. 3
    package.json
    Dependencies and the commands it exposes
  4. 4
    src/App.vue
    Inside src/ — the main logic begins here
What's in each folder
src/Core code — the actual logic247 files
docs/Documentation7 files
src.mobile/Folder6 files
public/Images & static assets304 files
tests/Tests — proof it works17 files
.github/CI / automation (GitHub Actions)10 files
READMEHas testsDocumentedCI checksMIT licenseLast update 32 mo ago
Quick Actions
Details
Creator
d2-projects
Language
JavaScript
Category
analytics
Published
1/13/2018

Are you the creator of this tool? Claim your listing → and earn 85% of every sale.

Ready-to-run pack · one-time $29

Competitor Watch

Get emailed the moment a rival changes their price or pitch.

Includes the tested workflow and a written setup playbook. Needs: No extra API — just watches the pages you list.

See what you get

Related skills

More analytics tools founders pair with this one.

analytics★ 113,574
D3
Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
analytics★ 110,960
TypeScript: Cleaner JS Code
Get reliable JavaScript output with TypeScript.
analytics★ 94,581
Fast Design with Open-Design
Get native app design with web, desktop, mobile prototypes.
analytics★ 90,206
Vue Element Admin
:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin
analytics★ 76,650
Grafana: Unified Insights
Get unified metrics and monitoring for your startup with Grafana, a platform used by many, ideal for founders needing data visibility.
analytics★ 74,670
Superset: Data Insights
Get data visualization and exploration with Superset, a platform for founders in data-driven startups.