Vanilla JS Admin & Dashboard Template
Dashboard template built with Vanilla JavaScript
AdminKit is a Bootstrap 5.3 admin template in plain JavaScript. Neither the free version nor AdminKit PRO uses jQuery, including the PRO tables.
Live preview & Download
Reusable UI elements
Combine Bootstrap 5.3 buttons, cards, alerts and form controls with AdminKit's layout. All of them work without jQuery, in light and dark mode.
// Colors
$blue: #266ed8 !default;
$indigo: #0a0a0a !default;
$purple: #6f42c1 !default;
$pink: #e83e8c !default;
$red: #da2839 !default;
$orange: #fd7e14 !default;
$yellow: #fcb92c !default;
$green: #138161 !default;
$teal: #20c997 !default;
$cyan: #127d8e !default;
Branding and customization
AdminKit uses standard Bootstrap 5 elements and Sass variables, so it adapts to existing layout systems and HTML components.
Premium JavaScript plugins
PRO includes advanced tables, date and time pickers, calendars, charts, drag and drop and Bootstrap toast notifications. Each plugin is plain JavaScript; table, calendar and AI pages load their own bundles.
Building with plain JavaScript
What's included
Bootstrap 5.3 components, the sidebar, the dashboards and every bundled plugin run on plain JavaScript, with no jQuery. js/app.js works with a plain script tag or as an ES module import.
What you build
Your data and API calls, in plain JavaScript or in any framework. The HTML guide and the other framework guides cover the setup.
Which license
The free version is MIT-licensed. AdminKit PRO is a one-time payment; choose Company or Enterprise for products with paying users, see pricing.
Pages & elements
Combine the Bootstrap admin template's components and elements into your own vanilla JS dashboard.
Explore all elementsAdminKit has reached 40,000+ free downloads
“Everything is so properly set up that any new additions I'd make would feel like a native extension of the theme versus a simple hack. I definitely feel like this will save me hundreds of hours I'd otherwise spend on designing.”
Updated:
Frequently asked questions
Answers to common questions about AdminKit.
Does AdminKit require jQuery?
No. Neither the free version nor AdminKit PRO uses jQuery. AdminKit PRO 3.5.0 and earlier needed it for the table examples; AdminKit 4 runs them without it.
Which JavaScript plugins does AdminKit include?
The free version has 4 plugins and AdminKit PRO has 11, for charts, maps, calendars, tables, editors and form inputs. None of them needs jQuery; see the integrations.
Does the free version also work without jQuery?
Yes. The free MIT-licensed version works without jQuery, including its charts, calendar and vector map.
Can I still use jQuery in my own project?
Yes. You can add jQuery for your own application code. AdminKit doesn't load it; if your own table code uses the jQuery API, load jQuery before js/app.js.
Does AdminKit work with modern bundlers like Vite or esbuild?
Yes. AdminKit 4 is built with Vite, and its compiled CSS and JavaScript work with any bundler or none. The free version is on npm as @adminkit/core, and its js/app.js also runs from a plain script tag.
What's included in the free version vs PRO?
The free version has 20 pages and light and dark mode. PRO has 53 pages, 5 dashboards, 11 plugins, 3 sidebar color schemes, 3 AI pages, a settings panel and email support for a one-time payment.
What you can build
with AdminKit
Explore all use cases
Launch faster with professionally designed, customizable UI components
AdminKit PRO has ready-made dashboards, forms, tables, charts and application pages built on Bootstrap 5.
Get AdminKitLive Preview