Skip to main content
A Markdown version of this page is available at https://docs.tabler.io/ui.md.
v1.5.0
WebsitePreviewSupportChangelog

Menu

⌘K
Tabler UI
Introduction
Getting started
Installation
Download
Customize Tabler
Color modes
RTL support
Browser support
Upgrade to 1.5
Frameworks
Laravel
React
Next.js
Vue
Angular
Nuxt
Symfony
Django
Rails
SvelteKit
Astro
Base
Colors
Prose
Typography
Layout
Navbars
Navs and tabs
Page headers
Page layouts
Components
Accordion
Alert
Avatar
Badge
Breadcrumb
Button
Card
Card gradient
Carousel
Chat
Data grid
Divider
Dropdown
Empty state
Icon
List group
Map
Mention
Modal
Offcanvas
Pagination
Placeholder
Popover
Progress bar
Progress steps
Ribbon
Segmented control
Spinner
Star rating
Status
Step
Switch icon
Tab
Table
Tag
Timeline
Toast
Tooltip
Tracking
Trending
Forms
Elements
Fieldset
Floating labels
Helpers
Select group
Image check
Color check
Validation
Utilities
Background blur
Background patterns
Borders
Cursors
Gradients
Interactions
Margins
Printing
Vertical align
Visually hidden
Plugins
Advanced select
Autosize
Chart
Color picker
Countup
Date picker
Dropzone
Flags
FullCalendar
Inline player
Input mask
Lightbox
Range slider
Signature
Social icons
Theme base colors
Vector map
WYSIWYG editor
FAQ
Docs for LLMs
3rd-party libraries & resources
How to contribute
Docs callouts
Tabler license
Tabler Icons
Introduction
Libraries
Astro
Preact
React
SolidJS
Svelte
Vue
Webfont
Plugins
Figma plugin
Static files
PDF version
PNG version
SVG version
Tabler Illustrations
Introduction
Preview
Contents
Customization
License
Tabler Emails
Introduction
Contents
Compiled templates
Source templates
Tabler Payments
Introduction
CSS plugin
Libraries
Astro
Preact
React
Vue
llms.txt
  1. Docs
  2. Tabler UI
View as markdownAsk ChatGPTAsk Claude

Tabler UI

Tabler UI is a set of responsive interface components built on Bootstrap, for admin panels, dashboards and web apps.

Tabler UITabler UI
Introduction

Get started with Tabler - a free, open-source dashboard UI kit built on Bootstrap - and learn how to set it up in your project.

Base

Foundational styles that every Tabler project builds on - colors, typography, and long-form content - for a consistent user interface.

Layout

How Tabler pages are structured, from navigation placement and content arrangement to page headers.

Components

Browse all Tabler UI components - buttons, cards, modals, tables, and more - with live previews and ready-to-copy HTML code.

Forms

Everything you need to build accessible forms - inputs, selects, checkboxes, validation states, and helper elements.

Utilities

Small single-purpose CSS classes for spacing, borders, cursors, and interactions - adjust details without writing custom CSS.

Plugins

Optional Tabler plugins - charts, calendars, editors, file uploads, flags, payment logos, social icons and extra theme base colors. Each one needs a file you load on demand.

  • Website
  • Preview
  • Support
  • Getting started
  • UI components
  • Icons
  • Illustrations
  • Emails
  • FAQ
  • License
© 2026 Tabler. All rights reserved.

130 sleek illustrations for your startup's visual identity.

Edit this page on GitHub