Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/adminkit/adminkit
AdminKit is a free & open-source HTML dashboard & admin template based on Bootstrap 5
https://github.com/adminkit/adminkit
admin admin-dashboard admin-template admin-theme boilerplate-template bootstrap bootstrap-5 bootstrap-5-admin-panel bootstrap-5-template bootstrap-template bootstrap-theme bootstrap5 html javascript no-jquery sass scss ui-kit vanilla-javascript webpack
Last synced: 4 days ago
JSON representation
AdminKit is a free & open-source HTML dashboard & admin template based on Bootstrap 5
- Host: GitHub
- URL: https://github.com/adminkit/adminkit
- Owner: adminkit
- License: mit
- Created: 2020-03-21T19:20:37.000Z (almost 5 years ago)
- Default Branch: dev
- Last Pushed: 2024-08-30T16:02:47.000Z (5 months ago)
- Last Synced: 2024-10-29T15:18:51.773Z (3 months ago)
- Topics: admin, admin-dashboard, admin-template, admin-theme, boilerplate-template, bootstrap, bootstrap-5, bootstrap-5-admin-panel, bootstrap-5-template, bootstrap-template, bootstrap-theme, bootstrap5, html, javascript, no-jquery, sass, scss, ui-kit, vanilla-javascript, webpack
- Language: HTML
- Homepage: https://demo.adminkit.io/
- Size: 15.1 MB
- Stars: 1,466
- Watchers: 40
- Forks: 282
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-dashboards - adminkit/adminkit - kit_ (Awesome dashboards / Free dashboards list for you to use in your projects)
README
AdminKit
AdminKit is a free & open-source HTML dashboard & admin template based on Bootstrap 5.
## 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](https://demo.adminkit.io/).
## 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
* Clone this repo `git clone https://github.com/adminkit/adminkit.git`
* [Download from GitHub](https://github.com/adminkit/adminkit/archive/master.zip)
* [Download from Website](https://adminkit.io/#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.
```sh
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.
```sh
npm start
```
Compile, optimize, minify and uglify all source files to dist/ folder:
```sh
npm run build
```
## CDN support
All files included in the `@adminkit/core` npm package are available over a CDN.
**CSS:**
```html
```
**Javascript:**
```html
```
## 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 | 
Firefox | 
Chrome | 
Safari | 
iOS Safari |
| --------- | --------- | --------- | --------- | --------- |
| last version| last 2 versions| last 2 versions| last 2 versions| last 2 versions
## Resources
* [Demo](https://demo.adminkit.io/)
* [Website](https://adminkit.io/)
* [Documentation](https://adminkit.io/docs)
* [Support](https://adminkit.io/support/)
* [Affiliate Program](https://adminkit.io/affiliate-program)
## Bugs and feature requests
Found a bug or have a feature request? [Please open a new issue](https://github.com/adminkit/adminkit/issues/new).
## 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](https://adminkit.io/pricing/) |
|---------------------|----------------------------------------------|
| 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 |