Giter Club home page Giter Club logo

AdminKit is a free & open-source HTML dashboard & admin template based on Bootstrap 5

AdminKit

AdminKit is a free & open-source HTML dashboard & admin template based on Bootstrap 5.

NPM version License GitHub issues open GitHub issues closed Live Demo Download
GitHub stars

Preview

A professional Admin & Dashboard template based on Bootstrap 5 that comes with hundreds of UI components, forms, tables, charts, pages and icons. AdminKit does not require jQuery and neither does one of the 3rd party libraries AdminKit is using. Open demo.

AdminKit Demo

Features

  • Customizable: You don't need to be an expert to customize AdminKit. Our code is very readable and well documented.
  • Fully Responsive: With mobile, tablet & desktop support it doesn't matter what device you're using. AdminKit is responsive in all browsers.
  • Cross-Browser: Our themes are working perfectly with Chrome, Firefox, Safari, Opera, and Edge. We're working hard to support them.
  • Clean Code: We strictly follow Bootstrap's guidelines to make your integration as easy as possible. All code is handwritten.
  • No jQuery: AdminKit, and all third-party libraries used in the admin template, do not require jQuery as a dependency.
  • Regular Updates: From time to time you'll receive an update containing new components, improvements, and bugfixes.

Quick start

Download

Build tools

The theme includes a custom Webpack file, which can be used to quickly recompile and minify theme assets while developing or for deployment. You'll need to install Node.js before using Webpack.

Once Node.js is installed, run npm install to install the rest of AdminKit's dependencies. All dependencies will be downloaded to the node_modules directory.

npm install

Now you're ready to modify the source files and generate new dist/ files. AdminKit uses webpack-dev-server to automatically detect file changes and start a local webserver at http://localhost:8080.

npm start

Compile, optimize, minify and uglify all source files to dist/ folder:

npm run build

CDN support

All files included in the @adminkit/core npm package are available over a CDN.

CSS:

<link rel="stylesheet" href="https://unpkg.com/@adminkit/core@latest/dist/css/app.css">

Javascript:

<script src="https://unpkg.com/@adminkit/core@latest/dist/js/app.js"></script>

File structure

The package contains the following directories and files:

adminkit/
├── .babelrc
├── .eslintrc
├── .nvmrc
├── README.md
├── package.json
├── postcss.config.js
├── webpack.config.js
├── src/
│   ├── fonts/
│   ├── img/
│   ├── js/
│   │   ├── modules/
│   │   └── app.js
│   └── scss/
│       ├── 1-variables/
│       ├── 2-mixins/
│       ├── 3-components/
│       ├── 4-utilities/
│       ├── 5-vendor/
│       └── app.scss
└── dist/
    ├── css/
    │   └── app.css
    └── js/
        └── app.js

Browser Support

Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
iOS Safari
iOS Safari
last version last 2 versions last 2 versions last 2 versions last 2 versions

Resources

Bugs and feature requests

Found a bug or have a feature request? Please open a new issue.

Upgrade to PRO

Get more power with AdminKit PRO, a premium variant of AdminKit, featuring hundreds of UI components, forms, tables, charts, pages, and icons.

Free Version AdminKit PRO
15 Demo Pages ✔ 45+ Demo Pages
1 Plugin ✔ 10+ Plugins
1 Color Scheme ✔ 3 Color Schemes
✔ All Bootstrap 5 Components
✔ Dark Mode 🌙
✔ Compact Sidebar
✔ Calendar
✔ Advanced Forms
✔ Drag and Drop
✔ Toast Notifications
✔ WYSIWYG Editors
✔ Premium Support

AdminKit's Projects

adminkit icon adminkit

AdminKit is a free & open-source HTML dashboard & admin template based on Bootstrap 5

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.