Documentation

Adminova HTML Admin Dashboard Template

Adminova is a static, responsive admin dashboard template built with HTML5, Bootstrap 5, native JavaScript, Chart.js, FullCalendar, and local vendor assets. No backend, npm install, or build process is required for the demo.

49+ready-to-use HTML pages

10dashboard and app areas

5layout modes

RTLbuilt-in direction support

Quick start

Open any HTML file directly in a browser, or serve the folder from a local server for a production-like preview.

Adminova/
open index.html

# optional local server
python3 -m http.server 8080
# then visit http://localhost:8080

No build step required. All CSS, JavaScript, fonts, icons, charts, and calendar assets are included locally inside the package.

Folder structure

Adminova/
├── assets/          CSS, JavaScript, vendors, and images
├── documentation/   this documentation hub
├── landing/         standalone product landing page
├── scripts/         source generator and build helpers
├── *.html           ready-to-use template pages
├── README.md        package overview
└── VENDOR-VERSIONS.md  dependency versions

Readable source files are kept beside minified production bundles so the package is easy to customize.

Pages included

Category	Pages	Highlights
Dashboards	Overview, CRM, eCommerce, finance, projects, helpdesk, academy	KPIs, charts, activity feeds, warehouse, revenue, and team widgets.
Apps	Calendar, chat, contacts, email, file manager, kanban, notes, tasks	Interactive SaaS workflow screens.
Commerce	Products, add product, categories, orders, customers, reviews, settings	Catalog, fulfillment, inventory, and product operations.
Pages	Account, profile, billing, pricing, FAQ, security, notifications, API keys	Reusable business and account screens.
Components	Alerts, buttons, cards, charts, forms, modals, tables, tabs, timeline	Individual showcase pages with practical examples.
Auth and utility	Login, register, two-step, forgot password, lock screen, 404, maintenance	Standalone utility flows with matching branding.

Components

Component pages are separate HTML files, making individual patterns easy to copy into another project.

Reusable examplesCards, alerts, forms, tables, tabs, modals, charts, and timeline patterns.

Responsive demosLayouts collapse cleanly on tablet and mobile screens.

Accessible controlsKeyboard-friendly overlays, labels, focus handling, and Escape-to-close behavior.

Consistent visual systemShared tokens, spacing, surfaces, status colors, and typography across all pages.

Layouts and preferences

Adminova includes default, compact, detached, wide, and horizontal layout modes. Appearance, layout, and LTR/RTL preferences persist in browser storage.

Use the appearance control to switch light and dark mode.
Use the layout control to compare dashboard compositions.
Use the direction control to preview RTL navigation.
Mobile navigation switches to a hamburger sidebar flow.

Browser features

Feature	How it works	Source
Command search	Ctrl/⌘ + K opens a searchable command modal.	`assets/js/adminova.js`
Charts	Chart.js is loaded only on chart pages.	`assets/js/adminova.js`
Calendar	FullCalendar is loaded only on the calendar app.	`assets/js/adminova.js`
Image lightbox	Product images open in an accessible preview with Escape and focus return.	`assets/js/adminova.js`
Local product demo	Products, drafts, variants, and images persist in browser local storage.	`assets/js/products.js`

Customization

Colors and typography

Start with assets/css/refinement.css for visual tokens and refinements, then regenerate the readable and minified bundles.

node scripts/build-adminova.js --assets-only

Shared behavior

Edit assets/js/adminova.js for navigation, search, charts, calendar loading, overlays, and shared controls. Keep the minified file synchronized before deployment.

Page content

Use the existing HTML files as standalone pages. The generator source in scripts/build-adminova.js can regenerate pages consistently when making broad structural changes.

Product catalog demo

Open ecommerce-products.html and choose Add product. The editor supports pricing, inventory, shipping, categories, tags, SEO fields, up to 30 variants, image processing, drafts, publishing, search, filtering, sorting, editing, and an image lightbox.

Browser-only demo. Product data and resized images are stored in local storage. They are not sent to a backend and are isolated to the current browser.

Assets and vendors

All runtime assets are local so the template can be uploaded without external CDN dependencies. Keep the following folders together:

assets/css — readable and minified styles.
assets/js — shared and product interactions.
assets/vendor — Bootstrap, Icons, Chart.js, and FullCalendar.
assets/img — favicon, avatar, and preview artwork.

Validation before upload

node --check scripts/build-adminova.js
node --check assets/js/adminova.js
node --check assets/js/products.js
node scripts/build-adminova.js --assets-only
node /private/tmp/adminova-link-audit.cjs

Also test the landing page, documentation page, mobile navigation, responsive layouts, product editing, charts, calendar, and lightbox before publishing.

Dependencies

Versions are recorded in VENDOR-VERSIONS.md. The template uses Bootstrap 5 CSS, Bootstrap Icons, Chart.js, FullCalendar, and native browser APIs. Bootstrap JavaScript is included locally but not required by the shared runtime.

Support notes

Adminova is a frontend HTML template. Connect forms, authentication, charts, and product data to your own backend when moving beyond the demo.