Vector Map Admin & Dashboard Template
Admin template using jsVectorMap
A Bootstrap 5 admin template with jsVectorMap interactive vector maps: world and country maps with markers and zoom, recolored for light and dark mode.
jsVectorMap is a vector-based library for interactive geographic data on the web, with pan and zoom, region styles, markers, labels and tooltips. It renders in the browser and needs no map service.
Both editions use it for the dashboard’s world map, and AdminKit PRO adds a vector maps page. Maps created with adminkit.vectorMap() follow the light and dark color mode.
Updated:
Reusable UI elements
AdminKit PRO has 53 pages for dashboards, client pages, calendars and advanced forms, with integrated charts, tables and notifications.
Integrated JavaScript plugins
AdminKit PRO wires up 11 plugins: charts, calendars, date pickers, drag and drop, input masks, rich text editing and tables, styled for light and dark mode, none of them needing jQuery.
// 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
With its Bootstrap 5 elements and configurable Sass variables, you can match AdminKit to your existing design system and HTML components.
AdminKit 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.”
Frequently asked questions
Answers to common questions about AdminKit.
Which library does AdminKit use for vector maps?
jsVectorMap, a vector-based library for interactive geographic data. Both editions use it for the dashboard's world map; AdminKit PRO adds a vector maps page with a world map and a US map.
Are the vector maps interactive?
Yes. Users can pan and zoom, and the maps have labels and tooltips you can customize.
Does jsVectorMap require jQuery?
No. jsVectorMap works without jQuery, and so does the rest of AdminKit, including the DataTables tables in AdminKit PRO.
Do the maps follow dark mode?
Yes. The maps switch colors with the color mode. The vector map docs show the setup.
Does jsVectorMap need an API key or external service?
No. jsVectorMap renders vector maps entirely in the browser, with no external map service or API key involved.
Can jsVectorMap show country or region data?
Yes. It ships with world and country maps (e.g. USA), and you can color regions by value for choropleth-style visualizations.
Is jsVectorMap free to use?
Yes. jsVectorMap is MIT-licensed and included in both the free version and AdminKit PRO.
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 AdminKit PROLive preview