# AdminKit > AdminKit is a free, open-source admin dashboard template & UI kit built on Bootstrap 5. The free core is MIT-licensed; AdminKit PRO adds 500+ UI components, multiple color schemes and dark mode with one-time pricing (no subscription). Key facts: - Built on Bootstrap 5 and written in vanilla JavaScript — jQuery is not required. - Free version: MIT license, available on [GitHub](https://github.com/adminkit/adminkit) and on npm as `@adminkit/core`. - AdminKit PRO (one-time payment): Hobby $59 (1 developer, 1 product), Company $399 (5 developers, unlimited products), Enterprise $799 (unlimited developers and products). 30-day money-back guarantee. - AdminKit PRO ships 45+ HTML pages, 10+ plugins, 3 dashboards, 3 color schemes, 1000+ icons and dark mode; the free version includes 12 pages, 1 plugin and 1 color scheme. - Works with any back-end stack (Rails, Laravel, Django, ASP.NET, Node.js, ...) via plain CSS/JS files, or integrate the Sass sources into your own build. - Live demo: https://demo.adminkit.io/ (PRO) and https://demo-basic.adminkit.io/ (free version). - Support: support@adminkit.io ## Pricing details AdminKit PRO is sold as a one-time payment (not a subscription) with a 30-day money-back guarantee. Payments are handled by Lemon Squeezy (credit cards, PayPal and other wallets). - Hobby — $59: 1 developer, 1 product, 6 months premium support. No paying end-users allowed (not for paid SaaS products). - Company — $399: 5 developers, unlimited products, 12 months premium support, paying end-users allowed. - Enterprise — $799: unlimited developers, unlimited products, 24 months premium support, paying end-users allowed. All PRO tiers include: access to all PRO components, source files and free lifetime updates. ## Free vs PRO - AdminKit (free): 12 HTML pages, 1 plugin, 1 color scheme, source files. MIT-licensed. - AdminKit PRO: 45+ HTML pages, 10+ plugins, 3 color schemes, 3 dashboards, 1000+ icons, dark mode, compact sidebar, source files, priority support and free updates. ## Documentation - [Documentation home](https://adminkit.io/docs/): Guides for every component, plugin and page included in AdminKit - [Quick start](https://adminkit.io/docs/getting-started/quick-start/): Install, build and run AdminKit locally - [Download](https://adminkit.io/docs/getting-started/download/): Get the free or PRO package - [Customization](https://adminkit.io/docs/getting-started/customization/): Theming and Sass variables - [Changelog](https://adminkit.io/docs/getting-started/changelog/): Release history ## Product - [Homepage](https://adminkit.io/): Overview, feature tour and free-vs-PRO comparison - [Pricing & FAQ](https://adminkit.io/pricing/): License tiers, pricing table and purchasing FAQ - [Support](https://adminkit.io/support/): Contact form for questions and help ## Use cases Landing pages describing how AdminKit fits specific application types: - [Vanilla JS Admin & Dashboard Template](https://adminkit.io/use-cases/vanilla-js-admin-template/): AdminKit is built using Bootstrap 5 and Vanilla JS. jQuery is not required as a dependency, and all of AdminKit's 3rd party plugins are jQuery-free. (updated 2026-07-31) - Q: Does AdminKit require jQuery? A: No. AdminKit is built with Bootstrap 5 and vanilla JavaScript, and all of its third-party plugins are jQuery-free. - Q: Which JavaScript plugins does AdminKit include? A: AdminKit PRO includes 10+ plugins, among them Chart.js, ApexCharts, FullCalendar, Flatpickr and Quill. None of them depend on jQuery. - Q: Does the free version also work without jQuery? A: Yes. The free MIT-licensed version is just as jQuery-free as PRO. - Q: Can I still use jQuery in my own project? A: Sure. AdminKit doesn't need jQuery, but nothing stops you from adding it for your own code. - Q: Does AdminKit work with modern bundlers like Vite or esbuild? A: Yes. The theme ships plain CSS/JS files you can include directly, and the Sass sources work with any bundler that compiles Sass, so it integrates with Vite, Webpack, Rollup and more. - Q: What's included in the free version vs PRO? A: The free version is MIT-licensed with 12 pages and 1 plugin. PRO adds 45+ pages, 10+ plugins, 3 color schemes, dark mode and priority support for a one-time payment. - [SaaS Admin & Dashboard Template](https://adminkit.io/use-cases/saas-admin-template/): AdminKit is a Bootstrap 5 admin template that provides pre-built SaaS UI elements, with features like product lists, charts, galleries, and dark mode. (updated 2026-07-31) - Q: Can I use AdminKit in a commercial SaaS product? A: The Company ($399) and Enterprise ($799) licenses cover products with paying users, such as SaaS applications. The Hobby license ($59) doesn't. All licenses are one-time payments. - Q: Which SaaS pages does AdminKit PRO include? A: AdminKit PRO ships 45+ pages, including dashboard, invoice, pricing, clients and profile pages, along with 500+ UI components like product lists, charts and galleries. - Q: Can I integrate AdminKit into my existing SaaS stack? A: Yes. AdminKit is plain CSS and JavaScript, so it works with any back end: Rails, Laravel, Django, ASP.NET or Node.js. For deeper customization you can pull the Sass sources into your own build. - Q: How many developers can work with AdminKit PRO? A: That depends on the license: Hobby covers 1 developer, Company 5, and Enterprise unlimited. Front-end, back-end, testers and designers all count as developers. - Q: Does AdminKit include a billing or usage dashboard for SaaS? A: AdminKit PRO includes invoicing, pricing, clients and profile pages that cover billing-style UI, and you connect them to your own subscription or usage data. - [Bootstrap Dark Admin & Dashboard Template](https://adminkit.io/use-cases/bootstrap-dark-admin-template/): All of AdminKit's components and UI elements are available in dark mode. The theme uses Bootstrap 5 and contains multiple dashboards & 45+ pages. (updated 2026-07-31) - Q: Does AdminKit include a dark mode? A: Yes. AdminKit PRO ships light and dark color schemes, and every component and page works in both. - Q: Is dark mode available in the free version? A: No, dark mode is a PRO feature. The free version comes with a single light color scheme. - Q: How many color schemes does AdminKit PRO include? A: Three, including dark mode, plus a compact sidebar layout. Through Sass variables you can build your own scheme on top. - Q: Do the plugins work in dark mode too? A: Yes. The charts, calendar, datepicker and tables are all themed for both dark and light mode. - Q: Can visitors toggle between light and dark mode? A: Yes. AdminKit PRO includes light and dark color schemes you can switch with a theme toggle, which is useful for apps that want a manual or system-driven dark option. - Q: Is a dark-mode-only version available? A: Yes. Since dark mode is one of three PRO color schemes, you can set it as the default for every user or expose a toggle. - Q: How does AdminKit's dark mode compare to Bootstrap's? A: AdminKit themes every component, page and plugin for dark mode, so you get a consistent dark UI out of the box instead of having to style each Bootstrap component yourself. - [Crypto Admin & Dashboard Template](https://adminkit.io/use-cases/crypto-admin-template/): AdminKit includes multiple pre-built Bootstrap UI components for creating Cryptocurrency dashboards and trading dashboards, perfect for crypto startups. (updated 2026-07-31) - Q: What does the AdminKit crypto dashboard include? A: A pre-built crypto dashboard with candlestick charts and notifications, plus 500+ Bootstrap 5 UI components to build out the rest of your app. - Q: Does AdminKit support candlestick and trading charts? A: Yes. The crypto dashboard uses candlestick charts for price movements, next to line, bar and other interactive chart types. - Q: Can I use AdminKit for a cryptocurrency exchange or trading platform? A: Yes. If your platform charges its users, pick the Company or Enterprise license; the Hobby license doesn't cover paying end-users. - Q: Does the crypto template support drag and drop? A: Yes. AdminKit PRO ships with Dragula, a small drag-and-drop library you can use to make lists and cards rearrangeable. - Q: Can I use AdminKit for a crypto exchange or payment platform that charges fees? A: Yes, with the Company ($399) or Enterprise ($799) license, which cover products with paying end-users. The Hobby license ($59) doesn't. - Q: Does AdminKit support real-time price feeds? A: The candlestick and chart components are plain JavaScript, so you can plug in a WebSocket or API price feed and render live market data without theme changes. - Q: What else does AdminKit offer beyond the crypto dashboard? A: AdminKit PRO includes 45+ pages and 10+ plugins — dashboards for SaaS, e-commerce and analytics, plus tables, calendars, forms and notifications. - [Analytics Admin & Dashboard Template](https://adminkit.io/use-cases/analytics-admin-template/): AdminKit includes multiple pre-built Analytics Bootstrap 5 UI components for creating Google Analytics-like dashboards and reporting admin panels. (updated 2026-07-31) - Q: What analytics components does AdminKit include? A: A ready-made analytics dashboard with interactive charts, and 500+ Bootstrap 5 UI components to build your own views. - Q: Which pages does the analytics template include? A: Besides the analytics dashboard: projects, settings and calendar pages. AdminKit PRO ships 45+ pages in total. - Q: Which chart libraries does AdminKit use? A: Chart.js and ApexCharts. Both are open source, interactive and work without jQuery. - Q: Is the analytics template responsive? A: Yes. Every AdminKit page follows official Bootstrap 5 guidelines and works on mobile, tablet and desktop. - Q: Can I export charts or table data from the analytics dashboard? A: The templates and DataTables integration support common export patterns (CSV, print, copy), and Chart.js/ApexCharts can be wired to generate image or data exports for reporting. - Q: Does AdminKit work with a real-time data feed? A: Yes. The charts and tables are plain JavaScript, so you can update them with live data from a WebSocket or API without touching the theme. - Q: How does AdminKit compare to building an analytics dashboard with Chart.js alone? A: AdminKit gives you the dashboard layout, tables, forms and charts pre-integrated on Bootstrap 5, so you skip the scaffolding and start with a themed, working reporting UI. - [E-Commerce Admin & Dashboard Template](https://adminkit.io/use-cases/ecommerce-admin-template/): AdminKit gives you pre-built E-Commerce Bootstrap 5 UI components with functionalities like product lists, cards, galleries and navbars. (updated 2026-07-31) - Q: What e-commerce components does AdminKit include? A: Product lists, cards, galleries and navbars, plus a dedicated e-commerce dashboard page. - Q: Which pages does the e-commerce template include? A: AdminKit PRO ships 45+ pages in total, including the e-commerce dashboard, invoices, pricing, clients and profiles. - Q: Can I manage a real store with AdminKit? A: AdminKit is the front end: dashboards, tables, forms and charts. You connect it to your own back end or shop platform for the actual store logic. - Q: Can I match AdminKit to my shop's branding? A: Yup! AdminKit is built with configurable Sass variables, so you can bring in your brand colors and tweak components to fit your design system. - Q: Does AdminKit work with Shopify, WooCommerce or Magento? A: AdminKit is the front end, so you can use it to build a storefront or admin area for any back end. Connect it to a shop platform's APIs or your own e-commerce logic. - Q: Does the e-commerce template support dark mode? A: Yes. AdminKit PRO ships light and dark color schemes, and the e-commerce dashboard and components work in both. - Q: Is the e-commerce license different from the standard one? A: No. The same Hobby, Company and Enterprise licenses apply — the Company license covers products with paying users, which is what most online stores need. ## Integrations Libraries and technologies AdminKit PRO ships with: - [Datepicker Admin & Dashboard Template](https://adminkit.io/integrations/datepicker-admin-template/): AdminKit uses the Flatpickr datepicker and timepicker plugin to allow users to quickly select dates, times or date ranges. Fully compatible with the Bootstrap framework. (updated 2026-07-31) - Q: Which datepicker does AdminKit use? A: Flatpickr, a lightweight date and time picker written in vanilla JavaScript with no dependencies. - Q: Can users select date ranges? A: Yup! Flatpickr handles single dates, times and date ranges, which makes it a good fit for booking tools, event calendars and scheduling apps. - Q: Does the datepicker support dark mode? A: Yes. The picker is styled for both AdminKit's light and dark modes. - Q: Can I extend the datepicker? A: Yes. Flatpickr is powerful and fully extensible, so you can adjust formats, hooks and plugins to fit your app. - Q: Is Flatpickr free to use? A: Yes. Flatpickr is MIT-licensed and free, including for commercial projects. - Q: Can Flatpickr be localized? A: Yes. Flatpickr ships locale files for dozens of languages, including date formats and month/day names. - [WYSIWYG Admin & Dashboard Template](https://adminkit.io/integrations/wysiwyg-admin-template/): Bootstrap 5 powered admin template, which uses the free & powerful WYSIWYG editor, Quill. (updated 2026-07-31) - Q: Which rich text editor does AdminKit include? A: Quill, a free open-source WYSIWYG editor built for the modern web. - Q: Can I extend the Quill editor? A: Yes. Quill has a modular architecture and an expressive API, so you enable exactly the modules you need. - Q: Is the editor styled to match AdminKit? A: Yes. Quill comes fully integrated and themed for the admin template. - Q: Can I use a different editor than Quill? A: Sure. Quill is what ships with AdminKit, but the template is plain HTML and JavaScript, so you can swap in another editor if you prefer. - Q: Is Quill free to use? A: Yes. Quill is BSD-licensed and free, including for commercial projects. - Q: Does Quill support images, video and rich embeds? A: Yes. Quill supports rich text, images, video and embeds out of the box, and its modules are configurable. - [Vector Map Admin & Dashboard Template](https://adminkit.io/integrations/vector-map-admin-template/): Bootstrap 5 admin template, which uses the interactive vector map JavaScript library, Jsvectormap. (updated 2026-07-31) - Q: Which library does AdminKit use for vector maps? A: Jsvectormap, a lightweight vector-based library for interactive visualization of geographic data. - Q: Are the vector maps interactive? A: Yes: smooth pan and zoom, labels and fully customizable tooltips. - Q: Does jsvectormap require jQuery? A: No. The library is built for projects that don't use jQuery, just like the rest of AdminKit. - Q: Does jsvectormap need an API key or external service? A: No. Jsvectormap renders vector maps entirely in the browser, with no external map service or API key involved. - Q: Can jsvectormap show country or region data? A: Yes. It ships with world and country maps (e.g. USA), and you can color regions by value for choropleth-style visualizations. - Q: Is jsvectormap free to use? A: Yes. Jsvectormap is MIT-licensed and free, and it's included with AdminKit PRO. - [Google Maps Admin & Dashboard Template](https://adminkit.io/integrations/google-maps-admin-template/): Bootstrap 5 powered admin template, which uses the popular web mapping platform, Google Maps. (updated 2026-07-31) - Q: Which map types does AdminKit support? A: The Google Maps integration covers hybrid maps, light and dark colored maps, street view and markers to identify locations. - Q: Do I need a Google Maps API key? A: Yes. Google Maps is a Google service that requires your own API key; AdminKit provides the integration and working examples. - Q: What if I don't want to depend on Google? A: AdminKit also includes jsvectormap, an open-source library for interactive vector maps that runs without any external service. - Q: Do the maps work with dark mode? A: Yes. The integration includes both light and dark colored map styles, matching the rest of the theme. - Q: Is there a free alternative to Google Maps in AdminKit? A: Yes. AdminKit PRO also includes jsvectormap, an open-source vector map library that needs no API key or external service. - Q: Can I style Google Maps to match my brand? A: Yes. AdminKit provides map styles (light/dark) and you can further customize the map's styling through Google Maps' JSON style options. - Q: Do I need a Google Maps API key to use it? A: Yes, Google Maps requires your own API key. AdminKit gives you the working integration and examples to drop your key into. - [Font Awesome Admin & Dashboard Template](https://adminkit.io/integrations/font-awesome-admin-template/): Bootstrap 5 admin template, which uses the popular icon toolkit, Font Awesome. (updated 2026-07-31) - Q: How many icons does Font Awesome add to AdminKit? A: Over 1,500. Font Awesome is the world's most popular icon library and comes bundled with AdminKit. - Q: Do the icons stay sharp at any size? A: Yes. Font Awesome icons are designed on a grid, so they render crisply and stay legible at any pixel or font size. - Q: Can I use Font Awesome icons in every component? A: Yes. The icon library is fully compatible with AdminKit, from buttons and menus to tables and alerts. - Q: Do I need a separate Font Awesome license? A: No. Font Awesome ships with AdminKit, so there's nothing extra to buy or install. - Q: Is Font Awesome free for commercial use? A: Yes. Font Awesome's free set is open source (CC BY 4.0) and fine for commercial projects; PRO bundles it for you. - Q: Can I use Font Awesome icons with other icon sets? A: Yes. AdminKit also includes Feather icons, so you can mix Font Awesome and Feather depending on the style you need. - Q: Do Font Awesome icons work in dark mode? A: Yes. Icons inherit their color from the theme's CSS and look correct in both light and dark mode. - [FullCalendar Admin & Dashboard Template](https://adminkit.io/integrations/fullcalendar-admin-template/): AdminKit makes it easy to build calendars, timeline and time grid components using the popular JavaScript event calendar library, FullCalendar. (updated 2026-07-31) - Q: Does AdminKit include a calendar? A: Yes. AdminKit ships with FullCalendar by default, a lightweight open-source JavaScript calendar plugin. - Q: Can I customize the calendar? A: FullCalendar is visually customizable and exposes hooks for user-triggered events, so you can wire it up to your own application logic. - Q: Does the calendar work in dark mode? A: Yes, the calendar is available in AdminKit's light and dark modes. - Q: Is FullCalendar open source? A: Yes, fully open source. AdminKit PRO ships it preconfigured as part of the template. - Q: Is FullCalendar free for commercial use? A: Yes. FullCalendar is MIT-licensed (its base bundle), so it's free for commercial projects. - Q: Can FullCalendar load events from a server? A: Yes. FullCalendar fetches events from a JSON feed or API, so it's easy to wire to a booking or scheduling back end. - Q: Does FullCalendar support drag-and-drop events? A: Yes. Events can be dragged and resized on the calendar, and the changes fire callbacks you can save to your back end. - [DataTables Admin Template](https://adminkit.io/integrations/datatables-admin-template/): Bootstrap 5 admin template, which uses the advanced table library, DataTables. (updated 2026-07-31) - Q: What does DataTables add to AdminKit's tables? A: Pagination, search, sorting, ordering and internationalization, on top of any plain HTML table. - Q: Can I use DataTables on my own tables? A: Yes. DataTables works with any type of HTML table, so you can enable it wherever you need advanced table features. - Q: Is DataTables styled to match AdminKit? A: Yes. The tables come integrated in AdminKit PRO and follow the theme, in both light and dark mode. - Q: Can DataTables be translated? A: Yes. Internationalization is built in, so tables can run in your users' language. - Q: Is DataTables free to use commercially? A: Yes. DataTables is MIT-licensed and free for commercial projects; AdminKit PRO ships it preconfigured. - Q: Can DataTables handle large datasets? A: Yes. It supports pagination, server-side processing and deferRender, so it can handle large datasets without freezing the UI. - Q: Does DataTables work without jQuery? A: Yes, DataTables ships a jQuery-free build, so it fits AdminKit's vanilla-JavaScript setup. - [Babel Admin & Dashboard Template](https://adminkit.io/integrations/babel-admin-template/): AdminKit uses Babel to compile and enable the use of next generation JavaScript. (updated 2026-07-31) - Q: Why does AdminKit use Babel? A: Babel compiles modern JavaScript down to code older environments understand, so you can write current-generation JS without worrying about browser support. - Q: Can I write ES6+ JavaScript with AdminKit? A: Yes. AdminKit's build setup runs your code through Babel, so you can use the latest JavaScript features today. - Q: Do I have to use Babel and the build step? A: No. You can skip the build entirely and edit the static HTML, CSS and JS files included in the package. - Q: Which browsers does AdminKit support? A: All modern browsers: Chrome, Firefox, Safari, Opera and Edge. Babel helps keep the JavaScript compatible across them. - Q: Do I need Babel for my own code? A: No. AdminKit's build uses Babel for its own modules; you can use any language features or tooling your stack supports for your own code. - Q: Can I use TypeScript with AdminKit? A: Yes. AdminKit is plain JavaScript, so it works alongside TypeScript in your project — just import the theme's compiled files or Sass. - [Chart.js Admin & Dashboard Template](https://adminkit.io/integrations/chart-js-admin-template/): Bootstrap 5 admin template, which uses the simple & flexible open-source chart library, Chart.js. (updated 2026-07-31) - Q: Which chart types does Chart.js support in AdminKit? A: Over 9 types, including line, bar, radar, pie and bubble charts, all fully compatible with AdminKit. - Q: Is Chart.js open source? A: Yes. Chart.js is a fully open-source chart library, and AdminKit ships with it configured and themed. - Q: Should I pick Chart.js or ApexCharts? A: Both are included in AdminKit PRO. Chart.js is small and covers the common chart types; ApexCharts adds more chart types and richer interactions like zooming and panning. - Q: Do the charts work in dark mode? A: Yes. AdminKit PRO themes its charts for both the light and dark color schemes. - Q: Does Chart.js need a license or API key? A: No. Chart.js is open source (MIT) and runs fully in the browser, with no API key or server required. - Q: Can Chart.js render real-time data? A: Yes. You can update Chart.js datasets from a WebSocket or timer to build live dashboards, as used in AdminKit's analytics pages. - [ApexCharts Admin & Dashboard Template](https://adminkit.io/integrations/apexcharts-admin-template/): Bootstrap 5 admin template, which uses the modern & interactive open-source chart library, ApexCharts. (updated 2026-07-31) - Q: Which chart types does ApexCharts support in AdminKit? A: Over 16 types, including line, area, bar, pie and heatmap charts. All of them work out of the box with AdminKit. - Q: Are ApexCharts charts interactive? A: Yes. Users can zoom, pan, scroll through data and toggle datasets on and off. - Q: Is ApexCharts free to use? A: ApexCharts is fully open source and free to use, with over a million downloads a month. It comes integrated with AdminKit PRO. - Q: How does ApexCharts compare to Chart.js? A: ApexCharts offers more chart types (16+) and built-in interactions like zooming and panning; Chart.js is smaller and covers the common types. AdminKit PRO includes both, so you can mix them. - Q: Are ApexCharts charts responsive and dark-mode aware? A: Yes. Charts scale to their container and are themed for AdminKit's light and dark color schemes. - Q: Which data formats does ApexCharts accept? A: ApexCharts takes arrays or object series (including timestamps for time-series), so you can feed it directly from your API. - [Sass Admin & Dashboard Template](https://adminkit.io/integrations/sass-admin-template/): Bootstrap 5 powered admin template, which uses Sass to create the CSS files. (updated 2026-07-31) - Q: How do I change AdminKit's colors? A: Update the Sass variables. Setting $primary to your brand color, for example, restyles every component that uses it. - Q: Do I need to know Sass to use AdminKit? A: No. Compiled CSS is included, so Sass only comes into play when you want deeper customization. - Q: Can every component be customized with Sass variables? A: Yes. All UI components in the package can be adjusted through Sass variables. - Q: How do I compile AdminKit's Sass files? A: Through the included Webpack setup, which bundles Sass together with ES6 modules, fonts and images. If you'd rather not compile anything, the ready-made CSS files are included too. - Q: Does AdminKit's Sass work with Vite or other bundlers? A: Yes. The .scss sources are standard Bootstrap Sass and compile with any Sass-capable toolchain, not just the included Webpack setup. - [Webpack Admin & Dashboard Template](https://adminkit.io/integrations/webpack-admin-template/): Bootstrap 5 powered admin template, which uses Webpack to bundle JavaScript modules. (updated 2026-07-31) - Q: What does Webpack bundle in AdminKit? A: ES6 modules, Sass files, fonts and images. - Q: Can I change the Webpack configuration? A: Yes. The configuration file ships with the package and is meant to be adjusted to your needs. - Q: Can I skip Webpack entirely? A: Absolutely. The package also contains ready-to-use static HTML, CSS and JS files, no build step required. - Q: Do I need to know Webpack to use AdminKit? A: No. Everything comes pre-configured, so you only touch the config if you want to change how things are bundled. - Q: Can I swap Webpack for Vite or esbuild? A: Yes. The theme's static files and Sass sources are tooling-agnostic, so you can bundle them with whatever build tool your project already uses. - [HTML Admin & Dashboard Template](https://adminkit.io/integrations/html-admin-template/): Highly customizable HTML admin & dashboard Bootstrap template, featuring 500+ UI components. (updated 2026-07-31) - Q: Can I use AdminKit without a build step? A: Yes. Edit the static HTML, CSS and JS files directly; Webpack and the rest of the tooling are optional. - Q: Is AdminKit a pure HTML template? A: Yes. AdminKit is a Bootstrap 5 HTML template with plain CSS and JavaScript, so it works with any back end or CMS. - Q: What does the HTML template include? A: UI components, forms, charts, tables and icons, available in light and dark mode. - Q: Is there a free version of the HTML template? A: Yes. The core template is free and MIT-licensed with 12 pages; AdminKit PRO extends it to 45+ pages and 10+ plugins. - Q: Does the HTML template work with WordPress, Laravel or Django? A: Yes. Because it's static HTML, CSS and JS, you can drop the files into any CMS or back end and wire up your own data. - Q: Is the HTML template responsive? A: Yes. It follows Bootstrap 5's responsive grid and works on desktop, tablet and mobile. ## Code snippets Free, ready-to-use Bootstrap code snippets with live examples: - [Bootstrap 5 Pricing Table](https://adminkit.io/snippets/bootstrap-5-pricing-table/): Toggleable Bootstrap 5 Pricing Table with modern and clean design (updated 2026-07-31) - Q: How does the monthly/yearly toggle work? A: It's a small bit of Bootstrap JavaScript that swaps the prices shown for each plan. You can adapt the values and intervals in the JSFiddle. - Q: Can I add more than three pricing plans? A: Yes. The cards use Bootstrap's grid columns, so you can add a fourth plan by copying a column and adjusting the grid classes. - Q: Does the pricing table work with dark mode? A: The snippet is plain Bootstrap markup, so it inherits whatever theme you drop it into, including AdminKit's dark mode. - [Bootstrap 5 Form Wizard](https://adminkit.io/snippets/bootstrap-5-form-wizard/): Navigate between steps in this multi-step Bootstrap 5 Form Wizard example (updated 2026-07-31) - Q: How do I add more steps to the wizard? A: Each step is a section shown and hidden by the wizard. Duplicate a step and register it in the Zangdar config to extend the flow. - Q: Can I validate each step before continuing? A: Yes. Zangdar lets you hook into the step transitions, so you can run Bootstrap's form validation before moving to the next step. - Q: Does the wizard work without jQuery? A: Yes. Zangdar is a vanilla-JavaScript wizard, so it fits AdminKit's jQuery-free setup. - [Bootstrap 5 Kanban Board](https://adminkit.io/snippets/bootstrap-5-kanban-board/): Bootstrap 5 Kanban board with swimlanes and draggable tasks. Perfect for agile teams (updated 2026-07-31) - Q: How does the drag-and-drop work? A: The board uses Dragula, a lightweight vanilla-JS library. Cards can be dragged between swimlanes and reordered within a column. - Q: Can I persist the task order to my back end? A: Yes. Dragula fires drop events you can listen to and send the new column/order to your server or database. - Q: Does the Kanban board need jQuery? A: No. Dragula is vanilla JavaScript, consistent with AdminKit's jQuery-free approach. - Q: Can I use this board in a commercial project? A: Yes. The snippet is open markup using Bootstrap and Dragula, both of which are free for commercial use. - [Bootstrap 5 Registration Form](https://adminkit.io/snippets/bootstrap-5-registration-form/): A modern, responsive Bootstrap 5 registration form with split screen image (updated 2026-07-31) - Q: Does this registration form work on mobile? A: Yes. It uses Bootstrap 5's responsive grid, so the split-screen layout collapses to a single column on small screens. - Q: Is the form already wired up to a back end? A: No, it's a UI snippet. The HTML, CSS and result are all editable in the embedded JSFiddle, so you can connect it to your own form handler or API. - Q: Can I reuse this form in a commercial project? A: Yes. The snippet is plain Bootstrap 5 markup; there's no license restriction on using it in your own projects. ## Optional - [License agreement](https://adminkit.io/licenses/): Full Hobby, Company and Enterprise license terms - [Privacy policy](https://adminkit.io/privacy/) - [Terms & conditions](https://adminkit.io/terms/)