Super Admin is a robust, lightweight, and fully responsive admin dashboard template built with the latest web technologies. It offers a unique design, including application views, sample pages, widgets, and components that seamlessly integrate with the overall user interface.

Every plugin and component in Super Admin is customised to align with the template's own design language, so charts, maps, calendars, tables, sliders and form controls all read the same theme tokens as the layout around them. Nothing falls back to stock styling the moment you switch a theme.

Live demos:

Why Super Admin

  • Four stacks, one purchase: Next.js, React, Vue, or Vanilla JS, same layout, same themes, same pages
  • Nine themes: eight dark, one light, switchable at runtime, remembered between visits
  • Themed to edges: third-party components restyled to match, not dropped in with default CSS
  • Server rendered where it counts: Next variant built on App Router + React Server Components, pages arrive as HTML, only interactive parts ship JS
  • No jQuery, anywhere: ES modules in Vanilla build, modern Vue/React elsewhere
  • Typed end to end: React, Next, and Vue variants TypeScript in strict mode, typechecked before every production build
  • SCSS or Tailwind, your call: SCSS with CSS variables in Vanilla build, Tailwind v4 tokens in React, Next, Vue
  • Documented properly: install, structure, adding page, theming, charts, maps, forms, deployment, browser support, per variant

Themes

Every theme is a full palette rather than an accent swap, and it reaches the third-party components as well as the layout. Chart.js, jsVectorMap, FullCalendar, the data tables, sliders, editor and custom scrollbars are all restyled to the active theme, so nothing sits on the page in default vendor colours. All nine are present in both variants.

Theme Scheme
Snow Light
Interstellar Dark
Solaris Dark
Galaxy Dark
Forest Dark
Desert Dark
Northern Light Dark
Sunset Dark
Kinetic Dark

Feature highlights

  • 5 dashboards: E-Commerce, CRM, Email Marketing, Project Management, Analytics, own widget set each
  • 8 application views: mail, messages, contacts, file manager, photos, todo lists, calendar, account management
  • 10 sample pages: invoice, pricing table, search results, FAQ, team, login, register, forgot password, coming soon, error
  • 60 React routes / 57 Next routes / 60 Vue routes / 63 Vanilla JS HTML pages: every React/Vue page lazy route, every Next route prerendered at build time, detail pages included
  • Advanced form components: validation, date pickers, sliders, selects, toggles, input groups, ready-made layouts
  • Charts and maps: Chart.js, jsVectorMap, wired to theme tokens, re-colour with UI
  • Calendar: FullCalendar, restyled to template surfaces
  • Icons: Lucide in Next/React/Vue, Phosphor Icons in Vanilla JS
  • Responsive, retina ready: full-bleed wallpaper, translucent surfaces, sharp on any display

What's inside

Next.js React Vue Vanilla JS
Stack Next.js 16, React 19, TypeScript, Tailwind CSS v4 React 19, TypeScript, Tailwind CSS v4 Vue 3, TypeScript, Tailwind CSS v4 Bootstrap 5.3, SCSS
Bundler Turbopack Vite Vite Parcel
Routing App Router, file based, Server Components React Router, lazy routes Vue Router, lazy routes Multi-page HTML, PostHTML partials
Components Radix primitives, shadcn-style Radix primitives, shadcn-style Reka UI primitives, shadcn-vue Bootstrap components, customised per official guidelines
Extras FullCalendar, Chart.js, jsVectorMap FullCalendar, Chart.js, jsVectorMap FullCalendar, Chart.js, jsVectorMap FullCalendar, Chart.js, jsVectorMap, simple-datatables, Quill, noUiSlider, OverlayScrollbars
Pages 57 routes, 95 prerendered pages 60 routes 60 routes 63 HTML pages

Each variant own folder, own package.json, own docs. Use one, ignore rest, or use all four.