View as markdownAsk ChatGPTAsk Claude

Introduction

Free and open-source HTML Dashboard UI Kit built on Bootstrap

What is Tabler?

Tabler is a UI kit for admin panels and dashboards, built on Bootstrap 5. It gives you layouts and components that already work together, so you can pick the ones you need and adjust them to your design. It's responsive and works in every current browser.

What are the benefits?

You don't have to build the common parts of an app interface from scratch. Cards, tables, forms, navigation and the page layouts are ready, and each of them has a dark mode and an RTL version. Tabler is open source under the MIT license and is developed on GitHub, so you can report a bug, send a fix or read the source of any component.

Screencap of tabler site showing global traffic and statistics Screencap of tabler site showing global traffic and statistics
Installation

Set up Tabler in a plain HTML file with the CSS and JavaScript from the CDN.

FAQ

Find answers to the most common questions about using Tabler, including licensing, framework support, and reporting issues.

3rd-party libraries & resources

Open source libraries and resources used by Tabler.

Browser support

Which browsers Tabler supports, and the CSS features that set the minimum versions of Chrome, Firefox, Edge, Safari and Opera.

Color modes

Set up Tabler's light, dark, and auto color modes, and learn the theme attributes for base color, font, primary color, corner radius and layout.

Customize Tabler

Customize Tabler fonts, colors, and styles with CSS variables and Sass to make the framework match your brand.

Docs callouts

Info, Tip, Warning, Danger and Note callouts for Tabler documentation pages, with usage rules and accessibility notes.

Docs for LLMs

Use llms.txt and the markdown version of every Tabler docs page to give AI tools accurate, up-to-date context about Tabler.

Download

Download Tabler compiled CSS and JavaScript, get the source code from GitHub, or install it with npm, yarn, or a CDN link.

Frameworks

Step-by-step guides for integrating Tabler with popular frameworks.

How to contribute

Guide to contributing to Tabler and setting up for development.

RTL support

How to enable RTL in Tabler, which stylesheet to load, how the RTL CSS is generated and which utilities are direction-aware.

Tabler license

Tabler's MIT license: freedom to use, modify, and share.

Upgrade to 1.5

Upgrade guide from Tabler 1.4 to 1.5 with all breaking changes, renamed classes and Sass updates.

On this page

130 sleek illustrations for your startup's visual identity.