Introduction

We’ve created this admin panel for everyone who wants to create any templates based on our ready components. Our mission is to deliver a user-friendly, clear and easy administration panel, that can be used by both, simple websites and sophisticated systems. The only requirement is a basic HTML and CSS knowledge—as a reward, you’ll be able to manage and visualize different types of data in the easiest possible way!

Modules availables:

  • Admin Manager Mod.
  • Files manager Mod.
  • Styles manager Mod.
  • Custom Mod.
Rose Bradley 3 days ago

Code Generation

Hello World

Lorem ipsum[1] dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Subscript works as well!

Second level

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

  • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
  • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
  • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
  • Ut non enim metus.
Blue tag Azure tag Indigo tag Purple tag Pink tag Red tag Orange tag Yellow tag Lime tag Green tag Teal tag Cyan tag Gray tag Dark gray tag

Basic Installation

First, you need to download the package you like fron this page, then copy the full folder in you PHP server Root:

And this isn't my nose. This is a false one.

Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...
Rose Bradley 3 days ago
						
						
						<div class="d-flex align-items-center mb-4">
  <div class="w-7 h-7 bg-primary rounded mr-4"></div>
  <div>
    <strong>Primary</strong><br />
    <code>.bg-primary</code>
  </div>
</div>
<div class="d-flex align-items-center mb-4">
  <div class="w-7 h-7 bg-secondary rounded mr-4"></div>
  <div>
    <strong>Secondary</strong><br />
    <code>.bg-secondary</code>
  </div>
</div>
<div class="d-flex align-items-center mb-4">
  <div class="w-7 h-7 bg-success rounded mr-4"></div>
  <div>
    <strong>Success</strong><br />
    <code>.bg-success</code>
  </div>
</div>
<div class="d-flex align-items-center mb-4">
  <div class="w-7 h-7 bg-info rounded mr-4"></div>
  <div>
    <strong>Info</strong><br />
    <code>.bg-info</code>
  </div>
</div>
<div class="d-flex align-items-center mb-4">
  <div class="w-7 h-7 bg-warning rounded mr-4"></div>
  <div>
    <strong>Warning</strong><br />
    <code>.bg-warning</code>
  </div>
</div>
<div class="d-flex align-items-center mb-4">
  <div class="w-7 h-7 bg-danger rounded mr-4"></div>
  <div>
    <strong>Danger</strong><br />
    <code>.bg-danger</code>
  </div>
</div>

Setup environment

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.

Build Tabler locally

  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 overwriten on application build.

Bugs and feature requests

Have a bug or a feature request? Please open a new issue.