Tabler

Free and open source HTML dashboard UI kit built on Bootstrap 5.

NPM version NPM Downloads jsDelivr hits Build License GitHub stars

Live demo Β· Documentation Β· Releases Β· Discussions

## Table of contents - [Preview](#-preview) - [Quick start](#-quick-start) - [What's included](#-whats-included) - [Frameworks](#-frameworks) - [Ecosystem](#-ecosystem) - [Documentation](#-documentation) - [Browser support](#-browser-support) - [Contributing](#-contributing) - [Sponsors](#-sponsors) - [Creators](#-creators) - [Contributors](#-contributors) - [License](#-license) ## πŸ”Ž Preview Tabler is a set of ready-made layouts, components and demo pages for admin panels, dashboards and web apps. Every component is built on Bootstrap 5, works in light and dark mode, and can be customized with Sass or CSS custom properties.

Tabler preview

- Bootstrap 5 ships inside the package, so you only need one CSS file and one JS file. - There are more than 120 demo pages in the [live demo](https://preview.tabler.io): dashboards, forms, tables, auth screens, error pages, marketing layouts and more. - Every component has a dark color scheme, and every stylesheet ships in an RTL version. - [Tabler Icons](https://tabler.io/icons) gives you over 6,000 icons, drawn on a 24Γ—24 grid to match the UI kit. - More than 20 plugins are bundled in `dist/libs`: charts, date pickers, selects, sliders, editors, drag and drop and other libraries. - The Sass sources and TypeScript types are included, so you can customize the theme with `@use … with ()` and use typed JavaScript components. ## πŸš€ Quick start Load Tabler from the CDN and start building: ```html Tabler demo

Hello, Tabler!

``` Or install the package with npm or your preferred JavaScript package manager: ```sh npm install @tabler/core ``` Then import the styles and scripts in your entry file: ```js import '@tabler/core/dist/css/tabler.min.css' import '@tabler/core/dist/js/tabler.min.js' ``` You can also [download the latest release](https://github.com/tabler/tabler/releases) as a ZIP archive. If you'd rather try Tabler without installing anything, open the [tabler-starter](https://github.com/tabler/tabler-starter) template on [StackBlitz](https://stackblitz.com/github/tabler/tabler-starter), [CodeSandbox](https://codesandbox.io/s/github/tabler/tabler-starter) or [GitHub Codespaces](https://codespaces.new/tabler/tabler-starter). See the [installation guide](https://docs.tabler.io/ui/getting-started/installation/) for more options. ## πŸ“¦ What's included The `@tabler/core` package contains compiled and minified CSS and JavaScript, the Sass and TypeScript sources, and the third-party plugins used by the demo pages: ```text @tabler/core/ β”œβ”€β”€ dist/ β”‚ β”œβ”€β”€ css/ tabler.css and the optional stylesheets (flags, marketing, payments, socials, β”‚ β”‚ themes, vendors), each with .min and .rtl versions β”‚ β”œβ”€β”€ js/ tabler.js (ESM, load with