How to build an admin dashboard with Tabler

Tabler is a free, open-source admin dashboard UI kit built on Bootstrap. This site is a live, page-by-page preview of the kit: every screen you can open here — sign-in forms, data tables, charts, cards, settings pages — is a ready-made HTML template you can copy into your own project. Tabler is released under the MIT license by its authors; the source code lives on GitHub.

Start with the pages developers look for most

Sign-in page template — clean login screen with social buttons and validation states.
Buttons — every button variant, size, shape and state in one reference page.
Data tables — sortable data tables with status and progress columns for admin lists.
Charts — line, bar, pie and area charts wired to ApexCharts.
Form elements — inputs, selects, checkboxes, radios, toggles and more.
Cards — the card layouts that most dashboards are assembled from.
Icons — thousands of free, MIT-licensed SVG icons you can search and copy.
Settings page — profile, account and notification settings screens.

A simple workflow that works

Pick a layout first. Compare the vertical sidebar, horizontal navbar and boxed layouts and choose the shell your app will live in.
Assemble screens from components. Open the demo page closest to the screen you need, view its source, and copy the markup. Components are plain HTML with Bootstrap utility classes, so they drop into any stack — Laravel, Rails, Django, Next.js or static HTML.
Load the Tabler CSS and JS. Add tabler.min.css and tabler.min.js (plus the plugin stylesheets you use, such as flags or payments) and your copied markup renders exactly as it does here.
Make it yours. Use the theme customizer in the demo (top-right gear) to try color schemes, dark mode and sidebar options, then mirror those settings in your project.

Frequently asked questions

Is Tabler really free?
Yes. Tabler is open source under the MIT license — free for personal and commercial projects. Some optional extras sold by the Tabler team (such as email templates) are separate, but the dashboard kit previewed here is free.

Does Tabler work with dark mode?
Yes, dark mode is built in. Try it from the theme settings in any demo page, or see the dark navbar layout.

Can I use these pages as an admin template for my SaaS?
That is exactly what they are for. Start from the default dashboard or the CRM and crypto variants, replace the sample data with your own, and connect the forms and tables to your backend.

Where do I get the source code?
From the official repository: github.com/tabler/tabler. This preview site is an independent demo mirror provided for evaluation; it is not affiliated with the Tabler team.