NexaAdmin - HTML Admin Dashboard Template

NexaAdmin is an admin dashboard kit in plain HTML, CSS and JavaScript. You get 16 pages with light and dark themes, working data tables, charts, a calendar and an inbox. Every page opens straight from the folder. No framework and no build step.

The 16 pages

Dashboard, Analytics, E-commerce, Orders, Users, Calendar, Messages, Invoice, Profile, Settings, Components, Blank page, Sign in, Register, Reset password and 404.

Good to know before you buy

• This is an interface kit (front end). It has no server, database or sign-in logic. You connect your own
• Forms run in demo mode. Remove one attribute and add an action to send them to your server
• The numbers, orders and users are sample data. Sample data on the page resets when it reloads
• The tables work on the rows that are in the page. For very large data sets, page and search on your server
• The only library is Chart.js 4 (MIT license), included in the download. Fonts load from Google Fonts
• Made for current versions of Chrome, Edge, Firefox and Safari, on desktop and mobile

In the download

• 16 HTML pages
• 1 CSS file with colour tokens at the top
• 3 small JavaScript files and Chart.js
• Documentation page, README, changelog and license

Features

• Light and dark themes with a saved choice, plus an accent colour picker
• One line for your brand colour: buttons, links, charts and focus rings follow
• Data tables with search, filters, sorting, paging, select all, bulk actions and CSV export, set up with HTML attributes
• Charts that follow the theme and the accent colour
• Calendar with month navigation, a day list, and add and delete
• Messages: open a conversation, send, search, and a phone layout
• Modals, dropdown menus, toasts, tabs and form checks switched on with attributes
• Sidebar that collapses on desktop and becomes a drawer on phones
• Responsive on every page, with a print layout for the invoice
• Accessible: keyboard focus styles, labels on every control and reduced-motion support

Requirements

• A current version of Chrome, Edge, Firefox or Safari
• A text editor to change the text, colours and links
• Any web host for static files. No server software, database or build tools are needed

Instructions

1. Unzip the download and open index.html in your browser. Every page works straight from the folder
2. Browse the 16 pages from the sidebar. components.html shows every interface part on one page
3. Copy blank.html to make a page of your own and add it to the sidebar
4. Set your brand colour in one line at the top of assets/css/nexa.css
5. Replace the sample numbers in assets/js/charts.js and the sample rows in the HTML with your own data
6. The full guide is in documentation.html