Components

Tabler UI includes a variety of components to help you build web applications that are both functional and visually appealing. From buttons and cards to modals and navigation, these components provide a wide range of features to enhance your site.

Alerts

Alert messages for user notifications.

Autosize

Auto-adjusting textarea for better usability.

Avatars

Personalize UI with user avatars.

Badges

Add extra information with badges.

Breadcrumb

Navigation aid for better structure.

Buttons

Customizable buttons for user actions.

Cards

Organize content with flexible cards.

Carousel

Display visual content with carousels.

Charts

Interactive data visualizations with ApexCharts.

Countup

Display numbers dynamically with countups.

Data grid

Detailed product information in grids.

Divider

Separate content with clear dividers.

Dropdowns

Organize options with dropdown menus.

Dropzone

Drag-and-drop file upload tool.

Empty states

Engage users in empty or error screens.

Icons

Enhance dashboards with custom icons.

Inline player

Lightweight media player for websites.

Modals

Dialogs for notifications and content.

Offcanvas

Placeholder

Reserve space for upcoming content.

Popovers

Provide extra information with popovers.

Progress bars

Track and display progress visually.

Range slider

Adjust values with range sliders.

Ribbons

Highlight elements with graphical ribbons.

Spinners

Indicate loading state with spinners.

Statuses

Highlight interface elements with status dots.

Steps

Simplify complex processes with steps.

Switch icon

Transition between two icons smoothly.

Tables

Visualize data clearly with tables.

Tabs

Organize content with interactive tabs.

Timelines

Visualize events and processes clearly.

TinyMCE

Flexible WYSIWYG editor for content.

Toasts

Display lightweight alert notifications.

Tooltips

Guide users with informative tooltips.

Tracking

Monitor data activity visually.

Vector Maps

Interactive guide to creating vector maps with jsVectorMap.
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like Tabler? tweet about it!
Support Tabler's development: Github Sponsors
illustrations banner imageillustrations banner image dark
65 sleek illustrations for your startup's visual identity.