Adminator Admin Dashboard

Adminator is easy to use and well design admin dashboard template based on Bootstrap 5 for web apps, websites, services and more
Alternatives To Adminator Admin Dashboard
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Tabler35,950136 days ago33August 24, 202364mitHTML
Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
Ngx Admin24,79562a month ago11July 19, 2017473mitTypeScript
Customizable admin dashboard template based on Angular 10+
Gentelella20,876195106 months ago4October 18, 201757mitHTML
Free Bootstrap 4 Admin Dashboard Template
Coreui Free Bootstrap Admin Template11,699339 days ago3May 25, 20175mitHTML
Free Bootstrap Admin & Dashboard Template
Material Dashboard10,738962 months ago6May 04, 20238mitSCSS
Material Dashboard - Open Source Bootstrap 5 Material Design Admin
Adminator Admin Dashboard4,191
2 months ago11mitHTML
Adminator is easy to use and well design admin dashboard template based on Bootstrap 5 for web apps, websites, services and more
Coreui Free React Admin Template4,18629 days ago4November 01, 2020mitJavaScript
CoreUI React is a free React admin template based on Bootstrap 5
Airframe React3,825
10 months ago45mitJavaScript
Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe
Stisla3,465217 days ago1February 15, 20195mitHTML
Free Bootstrap Admin Template
Coreui Free Vue Admin Template3,187
9 days ago2mitVue
Open source admin template based on Bootstrap 5 and Vue 3
Alternatives To Adminator Admin Dashboard
Select To Compare


Alternative Project Comparisons
Readme

Adminator Bootstrap 5 Admin Template

Adminator is a responsive Bootstrap 5 Admin Template. It provides you with a collection of ready to use code snippets and utilities, custom pages, a collection of applications and some useful widgets. Preview of this awesome admin template available here: https://colorlib.com/polygon/adminator/index.html

Preview

Screenshot

Adminator admin dashboard template preview

Demo Site: Here

TOC

Getting Started

In order to run Adminator on your local machine all what you need to do is to have the prerequisites stated below installed on your machine and follow the installation steps down below. Prebuilt static assets can be found under releases.

Prerequisites

  • Node.js 14+
  • Yarn or NPM
  • Git
  • libpng-dev linux only

Installing & Local Development

Start by typing the following commands in your terminal in order to get Adminator full package on your machine and starting a local development server with live reload feature.

> git clone https://github.com/puikinsh/Adminator-admin-dashboard.git adminator
> cd adminator
> npm install
> npm run dev

Adminator for other platforms and frameworks

Files/Folders Structure

Here is a brief explanation of the template folder structure and some of its main files usage:

└── src                         # Contains all template source files.
│   └── assets                  # Contains JS, CSS, images and icon fonts.
│   │   └── scripts             # Contains all JavaScript files.
│   │   │   └── charts          # Chart.js, Sparkline & Pie Chart plugins init.
│   │   │   └── chat            # All chat app JS code.
│   │   │   └── constants       # Template constant values like color values.
│   │   │   └── datatable       # Date table plugin init.
│   │   │   └── datepicker      # Bootstrap datepicker init.
│   │   │   └── email           # All email app code.
│   │   │   └── fullcalendar    # Fullcalendar plugin init.
│   │   │   └── googleMaps      # Google maps API integration code.
│   │   │   └── masonry         # Masonry layout code.
│   │   │   └── popover         # Bootstrap popover plugin init.
│   │   │   └── scrollbar       # Perfect scrollbar plugin init.
│   │   │   └── search          # Topbar toggle search init.
│   │   │   └── sidebar         # Sidebar JS code.
│   │   │   └── skycons         # Animated icons plugin init.
│   │   │   └── utils           # Basic utils used for proper rendering.
│   │   │   └── vectorMaps      # Vector maps plugin init.
│   │   │   └── index.js        # Indicator file.
│   │   │
│   │   └── static              # Contains the non-code files.
│   │   │   └── fonts           # Contains icon fonts.
│   │   │   └── images          # Contains all template images/svg.
│   │   │
│   │   └── styles              # Contains all SCSS files.
│   │       └── spec            # Contains custom SCSS files.
│   │       │   └── components  # Contains all template components.
│   │       │   └── generic     # Contains basic scaffolding styles.
│   │       │   └── screens     # Contains views specific styles.
│   │       │   └── settings    # Contains all template variables.
│   │       │   └── tools       # Contains all mixins.
│   │       │   └── utils       # Contains helper classes.
│   │       │   └── index.scss  # Indicator file.
│   │       │
│   │       └── vendor          # Contains all plugin files & custom styles.
│   │       └── index.scss      # Indicator file.
│   │
│   └── *.html                  # All HTML pages files .
└── webpack                     # Contains Webpack init code.
│   └── plugins                 # Contains all Webpack plugins config.
│   └── rules                   # Contains Loaders config code.
│   └── config.js               # Contains Webpack config object.
│   └── devServer.js            # Webpack dev server config code.
│   └── manifest.js             # All build system constants.
│
└── .babelrc                    # Babel ES6 Transpiler.
└── .editorconfig               # Keep same coding styles between code editors.
└── .eslintrc.yml               # JavaScript Linting.
└── .gitattributes              # Git Attributes.
└── .gitignore                  # Ignored files in Git.
└── .stylelintrc.yml            # SCSS/CSS Linting.
└── browserslist                # Supported Browsers.
└── CHANGELOG.md                # Versioning.
└── package.json                # Package metadata.
└── README.md                   # Manual file.
└── webpack.config.js           # Webpack main config file.
└── yarn.lock                   # Yarn metadata.

Deployment

In deployment process, you have two commands:

  1. Build command Used to generate the final result of compiling src files into build folder. This can be achieved by running the following command:
> npm run build
  1. Preview command Used to create a local dev server in order to preview the final output of build process. This can be achieved by running the following command:
> npm run preview

Built With

Changelog

V 1.0.0

Initial Release

Authors

Colorlib

More info

License

Adminator is licensed under The MIT License (MIT). Which means that you can use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the final products. But you always need to state that Colorlib is the original author of this template.

Popular Bootstrap Projects
Popular Dashboard Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Html
Bootstrap
Admin
Dashboard