Skip to content

Tabler

Free, open source Bootstrap 5 admin dashboard UI kit with dark mode and RTL support.

Stars
42k
Forks
4.4k
Licence
MIT
Language
Astro
Last update
7 days ago
Type
Library

What it is

Tabler is a set of ready-made layouts, components and demo pages for building admin panels, dashboards and web apps. It is built on Bootstrap 5 and ships as CSS and JavaScript you can load from a CDN or install with npm. It is useful for people who want a polished interface without designing every screen from scratch.

  • Add a styled dashboard layout with charts, tables and forms to a web app
  • Start an admin panel by loading tabler.css and the bundled JavaScript from a CDN
  • Customize the theme colors using Sass or CSS custom properties
  • Use the bundled icon set and illustrations in an interface

Great for

  • Developers building internal admin panels or dashboards quickly
  • Teams already comfortable with Bootstrap who want ready-made components
  • Projects that need dark mode or right-to-left (RTL) layouts
  • Developers using a framework such as React, Vue or Laravel who want a styled UI base

Not ideal for

  • People who want a finished app with no coding, since it is a UI kit rather than a ready-to-use product
  • Projects that do not use Bootstrap and do not want to adopt its styling system
  • Teams that need a design system built from scratch rather than a pre-styled one
Step-by-step guide: how to use TablerInstall, first run, examples, tips and FAQs

How to get it

  1. 1

    Install with a package manager

    Install the package with npm

    npm install @tabler/core

    Add the Tabler skill for a coding agent

    npx skills add tabler/tabler
  2. 2

    Run it

    • Load tabler.min.css and tabler.min.js from the CDN in an HTML page, or install with npm.
    • Open the HTML file in a browser to see the Hello, Tabler! example.
    • Import the CSS and JS in your project entry file if using a bundler.
    • Try the tabler-starter template on StackBlitz, CodeSandbox or Codespaces to skip local setup.
  3. 3

    Get the most out of it

    • Use the live demo at preview.tabler.io to choose layouts before building.
    • Customize the theme with Sass using @use with () or with CSS custom properties.
    • Load only the optional stylesheets you need, such as flags or payments, to keep pages lean.
    • Use the RTL stylesheet versions if your interface must support right-to-left languages.
    • Follow the framework setup guides in the docs for React, Vue, Laravel or Django.

Downloads

Strengths

  • Free and MIT-licensed, with a large set of demo pages and components listed in the README
  • Includes dark mode and RTL versions of its stylesheets
  • Works with plain HTML and with many common frameworks, with setup guides in the docs

Trade-offs

  • Depends on Bootstrap 5, so you inherit its structure and conventions
  • The README is truncated, so details about the full feature list and browser support are not confirmed here
  • Bundled plugins add to the package and you must choose which stylesheets to load

How it compares

ProjectStarsTypeLevelUpdatedBest for
tabler (this)42kLibrarybeginner7 days agoDevelopers building internal admin panels or dashboards quickly
bootstrap175kLibrarybeginner4 days agoDevelopers building responsive websites or web app interfaces quickly
AdminLTE45.7kLibrarybeginner5 days agoDevelopers building an internal admin panel or back-office tool quickly
gentelella21.6kLibraryintermediate6 days agoDevelopers who want a starting point for an internal admin panel without adopting a frontend framework
coreui-free-bootstrap-admin-template12.3kAppintermediate3 months agoDevelopers building an internal admin or dashboard page with Bootstrap
ngx-admin25.7kFrameworkintermediate2.1 years agoDevelopers starting a new Angular admin or back-office dashboard

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.