Tabler – A Admin Panel Made Simple For Free!

In this post, I want to recommend a free HTML control panel framework – tabler to you, which is based on Bootstrap 4, designed simple and elegant.

Tabler is a premium and open Source admin panel template with responsive and high-quality UI.  Therefore, you can use it for free!

The tabler is free HTML dashboard theme built on Bootstrap 4,  as a result, tabler comes with tons of well-designed components and features:

  1. Coded by Developers for Developers. The tabler with clear and telling code that you won’t get lost in. It was made with care and loves so that you don’t have to spend hours on making it work <3
  2. The tabler is an Open Source project, so you can see the code of Tabler on its GitHub account. If you miss any feature feel free to create a pull request there, we’ll definitely check it.
  3. Build with Bootstrap, the most popular HTML, CSS, and JS framework. Due to this web developers without experience can modify code without any problems.
  4. It used CSS3 for most of its components to avoid using unnecessary JavaScript libraries. All this to make it fast, reliable and pleasant to use by everyone!
  5. It with simply, beautiful, open source icons. Tabler is built with the newest version of Feather icons made by Cole Bemis.

How to apply it to your website?

To use our build system and run our documentation locally, you’ll need a copy of Tabler’s source files and Node. Follow these steps:

  1. Download and install Node.js, which we use to manage our dependencies.
  2. Navigate to the root /tabler directory and run npm install to install our local dependencies listed in package.json.
  3. Install Ruby, install Bundler with gem install bundler, and finally run bundle install. This will install all Ruby dependencies, such as Jekyll and plugins.Windows users: Read this guide to get Jekyll up and running without problems.

When completed, you’ll be able to run the various commands provided from the command line.

Tabler - Free HTML Dashboard Theme Built On Bootstrap 4

Build Tabler

  1. From the root /tabler directory, run npm run serve in the command line.
  2. Open http://localhost:4000 in your browser, and voilà.
  3. Any change in /src directory will build application and refresh the page.

Warning! all changes made in _site/ folder would be overwritten on application build.


Code released under the MIT License.

Demo of Tabler:

Project website: