explaingit

puikinsh/adminator-admin-dashboard

4,588HTMLAudience · developerComplexity · 2/5Setup · easy

TLDR

Adminator is a free HTML admin dashboard template with 18 pre-built pages, dark mode, charts, and tables, no Bootstrap or jQuery, just plain HTML, CSS, and JavaScript.

Mindmap

mindmap
  root((adminator))
    What it does
      Admin dashboard template
      18 pre-built pages
      Dark and light mode
    Tech stack
      Plain HTML CSS JS
      Chart.js charts
      FullCalendar
      jsvectormap
    Pages included
      Dashboard with stats
      Email inbox layout
      Forms and data tables
      Auth and profile pages
    Design system
      CSS variables
      Single token file
      Theme swap one attribute
    Audience
      Web developers
      Internal tool builders
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Drop Adminator into a project as the front-end shell for an internal tool or admin panel, then wire the HTML pages to your own backend API.

USE CASE 2

Use the CSS variable system to rebrand the entire dashboard by editing a handful of color tokens in one file.

USE CASE 3

Enable a dark mode toggle in your admin panel without any extra CSS, Adminator handles it by swapping a single HTML attribute.

USE CASE 4

Start with the pre-built data table, chart, and calendar pages to skip weeks of front-end work on a custom internal dashboard.

Tech stack

HTMLCSSJavaScriptChart.jsFullCalendarjsvectormap

Getting it running

Difficulty · easy Time to first run · 5min

Static template, open the HTML files in a browser or drop into any web project, no build step required for basic use.

Free HTML template, check repository for license, use permitted for personal and commercial projects.

In plain English

Adminator is a free HTML template for building admin dashboards and internal control panels. Version 4.0, which the current README describes, is a ground-up rewrite that removed Bootstrap and jQuery entirely. The result is a set of 18 pre-built pages made from plain HTML, modern CSS, and vanilla JavaScript, with a production bundle totaling roughly 700 KB compared to the 4.5 MB the previous version required. The design system works through CSS variables. All colors, spacing, fonts, and shadows are defined in a single file as tokens, and dark mode is implemented by swapping a single attribute on the page's HTML element. When that attribute changes, every component on the page, including the charts and calendar, reads the new token values and redraws itself. You can change the look of the entire template by editing a small number of variables in one place. The 18 pages cover things a typical internal tool needs: a main dashboard with stats and charts, an email inbox with three-pane layout, a calendar, several form layouts, data tables with sorting and filtering, authentication screens, and user profile pages. Charting comes from Chart.js, the calendar from FullCalendar, and a world map from jsvectormap. All three libraries are wired to respond to the dark/light theme toggle. The navigation sidebar, top bar, and footer are generated from a single JavaScript manifest rather than repeated across each HTML file. Adding a new section to the nav means editing one array in one file. An older version, v3, remains on a separate branch and continues to receive security updates for people who prefer the previous Bootstrap-based design. The README also promotes paid templates from the same publisher, though those are separate products. This is a static template, not a framework or application. You drop it into your project and wire it to your own backend.

Copy-paste prompts

Prompt 1
I'm using Adminator's HTML template for an admin dashboard. Show me how to wire the data table page to a REST API using vanilla JavaScript fetch() so it loads rows dynamically instead of from static HTML.
Prompt 2
I want to add a new page to Adminator's sidebar navigation. Show me how to edit the JavaScript nav manifest to add a new section with a sub-item that links to a custom page.
Prompt 3
How do I customize Adminator's color scheme? Show me which CSS variables file to edit and the minimum tokens I need to change to apply my brand colors to the entire dashboard.
Prompt 4
I need to add a new Chart.js bar chart to Adminator that fetches data from my backend API on page load and re-renders when the dark/light theme toggle is clicked.
Prompt 5
Show me how to connect Adminator's authentication page HTML form to a backend login endpoint using fetch(), handle errors, and redirect to the dashboard on success.
Open on GitHub → Explain another repo

← puikinsh on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.