Plugins

Optional Tabler plugins: charts, calendars, editors, file uploads, flags, payment logos, social icons and extra theme base colors, each loaded on demand.

Plugins add features that not every project needs, so none of them are part of the core CSS and JavaScript. Some wrap a third-party library, such as charts, calendars, file uploads or the WYSIWYG editor - those need that library on the page as well. Others, like country flags, payment provider logos, social icons and extra theme base colors, only ship an extra stylesheet. Either way you load a plugin on demand, and pages that need it list the files at the top.

Advanced select

Build searchable single and multi-value selects with the Tom Select plugin, including optgroups, validation states, and rich options with avatars or flags.

Color picker

Let users pick a color in a form.

Date picker

Let users pick a date, a range or several dates with the Datepicker plugin, as a text input, a button or an inline calendar.

Input mask

Format user input automatically with input masks for dates, phone numbers, and other patterns to reduce validation errors.

Autosize

Make textareas grow automatically as users type with autosize, so longer text stays visible without manual resizing.

Chart

Build interactive line, bar, pie, and other charts with ApexCharts. Copy ready-to-use configurations styled to match Tabler.

Clipboard

Add copy to clipboard buttons that copy a field, an element or a literal string, with a copied state and events.

Countup

Animate numbers with the countup component, for statistics on dashboards and landing pages.

Dropzone

Add drag-and-drop file uploads to your forms with the Dropzone library, styled to match Tabler out of the box.

Flags

Display country flags with the Tabler flags plugin. Add a flag with two CSS classes and scale it with ready-made size modifiers.

FullCalendar

Show events in a calendar.

Inline player

Embed audio and video with a lightweight, accessible media player that supports HTML5, YouTube, and Vimeo sources.

Lightbox

Open images and videos in a fullscreen lightbox.

Range slider

Let users pick a value or range with a slider powered by noUiSlider, styled to match the rest of your Tabler interface.

Signature

Collect a drawn signature from users.

Social icons

Add social media icons with the socials plugin. Link users to your profiles with recognizable, consistently styled buttons.

Sortable

Make lists, table rows and cards draggable with the data-sortable attribute, SortableJS options as JSON and the Sortable component.

Theme base colors

Load the tabler-themes plugin and switch between five gray base palettes (slate, gray, zinc, neutral, stone) with data-bs-theme-base.

Vector map

Interactive SVG maps with jsVectorMap, with a world map, markers and lines.

WYSIWYG editor

Add rich text editing to your forms with HugeRTE, a flexible WYSIWYG editor that works well with Tabler styles.

Menu

Plugins

Get Admin Template, Icons, Illustrations and Emails in one bundle.