DashKit - Aurora Glass Admin Dashboard UI Kit

Most dashboard kits on this style of marketplace look like the same flat, minimal Tailwind template with different copy swapped in. DashKit commits to a specific, distinctive look instead - and still keeps dense tables, forms, and charts fully readable under it.

The kit is built around an original "Aurora Glass" art direction: frosted glass panels, a custom teal-green-to-magenta aurora-borealis accent system over a deep space-navy canvas, and a soft gradient glow, engineered to work in both a dark default and a full light mode rather than treating dark mode as an afterthought. It ships eight complete pages: Dashboard, Customers, Settings, Profile, Login, Register, 404, and a Components reference that's grown to 19 sections deep - toasts, stat cards, data tables, pagination, dropdowns, charts, tabs, breadcrumbs, skeleton loading, and more - rather than a thin 5-section sampler.

The Customers table isn't a static mockup: search, plan filtering, column sorting, and pagination all work client-side with no backend needed. The sidebar navigation is keyboard-accessible too - the nav rail expands and reveals its labels on focus, not just hover, so keyboard users aren't limited to unlabeled icons - and the dark/light toggle remembers the visitor's choice between visits.

This is a strong starting point for an agency mockup, an internal tool, or a SaaS admin panel that shouldn't look like every other one on the market. Everything, including fonts and avatars, is bundled locally with no live third-party calls at runtime.

Features

- 8 complete pages: Dashboard, Customers, Settings, Profile, Login, Register, 404, and a full Components reference (19 sections: toasts, stat cards, data table, pagination, dropdowns, charts, tabs, breadcrumbs, skeleton loading, and more) - Original "Aurora Glass" style: frosted panels, teal-green-to-magenta aurora accent system over a deep space-navy canvas, full dark default plus a complete light mode - The Customers table works for real: search, plan filtering, column sorting, and pagination all function client-side, no backend needed - Keyboard-accessible sidebar navigation: the nav rail expands and reveals labels on focus, not just hover - Dark/light toggle remembers the visitor's choice - Plain HTML, CSS, and JavaScript - no Node, no npm, no build step; fonts and avatars bundled locally, no live third-party calls - Built on Tailwind CSS, Alpine.js, and Chart.js, all MIT licensed

Requirements

None beyond a modern browser. No PHP, no database, no framework.

Instructions

1. Unzip the download. 2. Open `src/index.html` in a browser, or deploy the `src/` folder to any static host (Netlify, Vercel, S3, your own server). Every page uses relative paths, so it works as-is. 3. To adapt content: every page's data (customer names, numbers, activity) is hardcoded directly in its HTML - search and replace with your own. 4. To recolor: the "Aurora Glass" accent, background, and glass tokens ship pre-compiled in `assets/css/dashkit.css`. Find and replace the palette's hex values directly in that file (search by hex code, not class name). 5. To change nav: each HTML file repeats the shared sidebar and topbar markup directly (no templating layer), so add or remove nav items in that block on every page you want it to appear on. 6. Use the Settings page's "Delete account" confirmation modal and the Components reference page as patterns to reuse for other destructive actions and UI states across the kit.