d2-admin

D2Admin is a ready-made frontend template for building web-based administration dashboards. It is built with Vue.js and is meant to give teams a head start when they need to create an internal management interface, rather than building one from scratch. The project is free and open source.

Out of the box it includes features most admin panels need: login and logout screens, a collapsible sidebar, a navigation menu with multi-level support, multi-tab page navigation (opening multiple pages at once like browser tabs), and five visual themes. The initial JavaScript loaded on the home screen is under 60 kilobytes, which the project highlights as a performance consideration.

D2Admin also bundles a range of tools for common admin tasks. These include a rich text editor, a Markdown editor, chart support, Excel import and export, clipboard utilities, a global menu search, logging and error tracking, and a right-click context menu. Layout components support drag-and-drop resizing. There are multiple ways to persist state so that data survives page reloads, with options to store data per user or per route.

The frontend template is standalone and does not come with a backend. The README lists several open source backend projects from the community that others have built to pair with it, using Django, Spring Boot, Flask, Beego, and other server frameworks. There is also a lightweight starter version for teams that want a smaller starting point without all the built-in extras.

Documentation is hosted on a separate website and the project provides both a Chinese and an English README. Live previews are available on GitHub Pages and Netlify so you can see what the interface looks like before downloading anything.