Description
Apex Dashboard — Framework-Free HTML & Tailwind Admin Template
A premium admin dashboard with no UI framework — just Tailwind CSS v4, vanilla-JS Web Components, ApexCharts, and a Vite multi-page build. Drop it into any backend — Laravel Blade, Django, Rails, .NET, WordPress, or plain static hosting — with no React, Vue, or Angular required. 58 polished pages, ready to ship.
Why the HTML Edition?
- Zero framework lock-in — light-DOM Web Components (<apex-sidebar>, <apex-chart>, <apex-data-table>) are just HTML tags; copy them into any templating language
- Any backend — the compiled CSS/JS are a drop-in, and a ready-made Laravel Blade starter kit is included
- Tiny runtime — no framework payload; ApexCharts is code-split and lazy-loaded only on pages that need it
5 Dashboard Variants + Charts
- Overview — Stats cards with sparklines, revenue area/bar chart, traffic donut, recent orders, activity feed
- Analytics — Line + horizontal-bar charts, period switcher, top pages, country breakdown
- eCommerce — Sales stats, sales overview, order-status donut, top products with sparkline trends
- CRM — Pipeline value, deal-stage donut, lead sources, deals table
- SaaS — MRR/ARR metrics, subscription plans donut, user growth, churn tracking
- Charts showcase — area, line, bar, donut, pie, radialBar, radar via one config-driven <apex-chart> component
Full CRUD with an Interactive Data Table
- Orders, Products, Customers, Users, Invoices — list pages powered by <apex-data-table>: client-side sorting, global search, filter tabs, pagination, row selection + bulk delete, CSV export, and row actions
- Detail / New / Edit — entity detail cards plus create/edit forms with inline validation and native confirm dialogs
App Pages
- Kanban — drag-and-drop board (SortableJS) with cross-column moves and live counts
- Calendar — month grid with event chips, prev/next navigation, event dialog
- Mail — 3-pane client (folders, list, reading pane) with selection and search
- Chat — conversation list + message thread with send and auto-reply
- File Manager — grid/list views, storage meter, upload/rename/delete dialogs
- Forms showcase — inputs, selects, switches, OTP, searchable combobox, tag multi-select, color picker, drag-drop upload
- Wizard — multi-step flow with per-step validation and a stepper
Auth, Errors & Account
- Login, Register, Forgot/Reset Password, Two-Factor (OTP), Verify Email, Lock Screen
- 404, 403, 500, Coming Soon, Maintenance
- Settings (tabs + toggles), Profile, Billing, Pricing, Support (FAQ), Notifications
Theming
- Dark / Light / System with localStorage persistence and a no-flash inline script
- OKLCh design tokens in a single CSS file — change one variable to rebrand
- Real Geist + Geist Mono fonts, self-hosted
Developer Experience
- Vite multi-page build — instant HMR in dev, hashed production assets
- Reusable component classes — .apex-card, .apex-btn, .apex-input, .apex-select, .apex-switch, .apex-tab, and more
- Server-ready data props — every dashboard widget accepts a data-* JSON attribute for real/server data
- Laravel Blade starter kit — layout, partials, and @vite wiring with a documented data-attribute → shape table
- 13-page docs site — getting started, folder structure, theming, adding pages, components, charts, deployment, and more, with syntax-highlighted code
- Lucide icons (curated, tree-shaken) and a copy-button code viewer in the docs
Tech Stack
| Styling | Tailwind CSS v4 with OKLCh color tokens |
| Components | Vanilla light-DOM Web Components (no framework) |
| Charts | ApexCharts 5 (lazy-loaded) |
| Icons | Lucide |
| Drag & Drop | SortableJS |
| Fonts | Geist + Geist Mono (self-hosted) |
| Build | Vite (multi-page) |
| Backend integration | Laravel Blade starter kit included; works with any backend |
License: Commercial | View Live Demo
Pricing
