Nexus UI Kit-Admin Dashboard & SaaS

Nexus is two products in one kit — in two tech stacks. A 28-page admin dashboard and a 6-page SaaS marketing site, built on a single token system so they always look like they belong together. Every screen ships with instant light/dark switching and three accent skins — flip them live and watch the whole kit follow.

Buy once, get both editions:

HTML/CSS/JS edition — no framework lock-in, no build tooling. Open any file in a browser and it just works. React (Vite) edition — the same design language rebuilt as a real React app (React 18 + Vite + react-router-dom), with the Landing page and the Dashboard (sidebar + topbar shell, KPIs, ApexCharts) as a ready-to-extend starter — a great base if you're shipping a React product. ApexCharts powers six themed chart types in the HTML edition (and the same charts, via react-apexcharts, in the React edition). Rebrand the whole thing by editing a handful of CSS variables — shared across both editions.

What you get

Admin Dashboard (HTML) — 28 pages: analytics, tables, forms, auth, settings, profile, billing and more SaaS Landing (HTML) — 6 pages: home, pricing, blog, about, contact, 404 React Edition — Landing page + Dashboard, React 18 + Vite + react-router-dom + react-apexcharts, same tokens/theme system Components Gallery — 40+ interactive components in one reference Documentation — full guide with a scroll-spy sidebar Mobile Views — every key screen shown live inside phone frames Theme Showcase — a demo hub linking every page, both editions cross-linked Why designers & founders pick Nexus

🌗 Instant light & dark mode on every screen, both editions 🎨 Three accent skins — Violet, Emerald, Orange (add your own in minutes) 📱 Genuinely responsive — layouts reflow, nav becomes a drawer, 44px targets 📊 Six themed chart types via ApexCharts (HTML edition) / react-apexcharts (React edition) 🧩 40+ copy-paste components with inline styles that never break ⚡ HTML edition: zero build step — no Node, no bundler, no config ⚛️ React edition: modern stack (React 18 + Vite), npm install && npm run dev 📖 Clean documentation + lifetime free updates Built to customize. The entire palette lives in CSS custom properties (--a1, --a2, --a3, backgrounds and a full text scale) — shared by both editions. Change them once and every page rebrands at once. Typography is two Google Fonts — swap two declarations to restyle everything.

Use it anywhere. The HTML edition's markup and inline styles port cleanly into Vue, Laravel or any static host. The React edition drops straight into any Vite-based React project.

Key features 34 unique pages in the HTML edition, across two complete products Plus a React 18 + Vite edition (Landing + Dashboard) included in the same purchase Light & dark mode, persisted across pages, both editions Violet / Emerald / Orange accent skins + easy custom skins 40+ components: buttons, forms, tables, modals, drawers, tabs, toasts… 6 ApexCharts chart types themed to the accent Fully responsive, mobile-first, off-canvas dashboard sidebar HTML edition: vanilla JS, no jQuery, no framework, no build React edition: React Router, react-apexcharts, componentized Full documentation included Well-structured, commented, easy-to-edit code Lifetime free updates + 6 months author support What's included (file list) HTML edition: 6 page files + shared runtime (support.js) React edition: full Vite project source (/react) — run npm install && npm run build Documentation (HTML) LICENSE.md and CHANGELOG.md Google Fonts: Space Grotesk, Sora, JetBrains Mono ApexCharts (CDN in HTML edition, npm package in React edition)