Skip to main content

Paweł Kuna
UI Designer

Profile Analytics
Settings & Privacy Help Sign out

Overview
Dashboards
Default Crypto New CRM New
Components
Interface

All Elements New Accordion Alerts
Authentication
Sign in Sign in link Sign in with illustration Sign in with cover Sign up Forgot password Terms of service Lock screen Onboarding New 2 step verification 2 step verification code

Avatars Badges Blank page Buttons
Cards
Sample cards Card actions Card gradients New Cards Masonry

Carousel Clipboard Colors Confetti Data grid Dropdowns
Error pages
404 page 500 page Maintenance page

Hover gallery New Icon lists New Image labels New Legend Lists Modals Mockup browser New Prose Navigation

Nav overflow New Offcanvas Pagination Password strength Patterns New Placeholder Progress Segmented control Scroll spy Shape New Signal Social icons Sparkline Stars rating Steps Number input New Tables Tabs Switch icons Tags Text shimmer Toasts Tracking Typography
Forms
Form elements Form layouts
Extra

Activity Billing New Chat Email inbox New Cookie banner Empty page FAQ Gallery Invoice Pay New Job listing License Logs Marketing Music

Page loader Photogrid Pricing cards Pricing table Search results Settings Settings plan Signatures
Tasks
Kanban Task List

Text features Trial ended Uptime monitor Users Widgets Wizard
Layout
Layout

Boxed Condensed Fluid Fluid vertical Horizontal Navbar dark Navbar floating Navbar sticky

Right vertical RTL mode Vertical Vertical transparent Vertical floating Folded sidebar New Folded hover New
More
Plugins
Charts Charts advanced Color picker Date picker New Datatables Dropzone Sortable New Fullcalendar Inline player Lightbox Map Map fullsize Map blocks New Map vector Tour New WYSIWYG editor
Addons
Icons Emails Flags Illustrations Payment providers
Help
Documentation Changelog Source code Sponsor project!

All Package

Notifications

Unread

Example 1

Change deprecated html tags to text decoration classes (#29604)

Read

Example 2

justify-content:between ⇒ justify-content:space-between (#29734)

Read

Example 3

Update change-version.js (#29736)

Unread

Example 4

Regenerate package-lock.json (#29730)

My Apps

Apple App Store

Google Analytics

Google Shopping

EN

Čeština Deutsch Ελληνικά English Español Français हिंदी Magyar Bahasa Indonesia Italiano 日本語 한국어 Nederlands (Nederland) Polski Português Română Русский ภาษาไทย Türkçe Українською Tiếng Việt 中文

Profile Analytics

Settings & Privacy Help Sign out

Dashboards
Default Crypto New CRM New
Interface

All Elements New Accordion Alerts
Authentication
Sign in Sign in link Sign in with illustration Sign in with cover Sign up Forgot password Terms of service Lock screen Onboarding New 2 step verification 2 step verification code

Avatars Badges Blank page Buttons
Cards
Sample cards Card actions Card gradients New Cards Masonry

Carousel Clipboard Colors Confetti Data grid Dropdowns
Error pages
404 page 500 page Maintenance page

Hover gallery New Icon lists New Image labels New Legend Lists Modals Mockup browser New Prose Navigation

Nav overflow New Offcanvas Pagination Password strength Patterns New Placeholder Progress Segmented control Scroll spy Shape New Signal Social icons Sparkline Stars rating Steps Number input New Tables Tabs Switch icons Tags Text shimmer Toasts Tracking Typography
Forms
Form elements Form layouts
Extra

Activity Billing New Chat Email inbox New Cookie banner Empty page FAQ Gallery Invoice Pay New Job listing License Logs Marketing Music

Page loader Photogrid Pricing cards Pricing table Search results Settings Settings plan Signatures
Tasks
Kanban Task List

Text features Trial ended Uptime monitor Users Widgets Wizard
Layout

Boxed Condensed Fluid Fluid vertical Horizontal Navbar dark Navbar floating Navbar sticky

Right vertical RTL mode Vertical Vertical transparent Vertical floating Folded sidebar New Folded hover New
Plugins
Charts Charts advanced Color picker Date picker New Datatables Dropzone Sortable New Fullcalendar Inline player Lightbox Map Map fullsize Map blocks New Map vector Tour New WYSIWYG editor
Addons
Icons Emails Flags Illustrations Payment providers
Help
Documentation Changelog Source code Sponsor project!

SVG Illustrations

Primary color

Skin color

Select SVG illustration

135 more SVG Illustrations

Tabler Illustrations

Access a wide range of SVG illustrations for various projects. Effortlessly customize any illustration to align perfectly with your chosen color scheme!

Get lifetime access

2fa

2fa

3d-scan

3d-scan

403

403

429

429

500

500

504

504

api

api

archive

archive

bad-news

bad-news

bees

bees

bicycle

bicycle

boy-and-cat

boy-and-cat

boy-and-laptop

boy-and-laptop

boy-girl

boy-girl

boy-gives-flowers

boy-gives-flowers

boy-refresh

boy-refresh

boy-with-key

boy-with-key

boy

boy

building

building

butterflies

butterflies

camping

camping

carolers

carolers

cat

cat

chart-circle

chart-circle

chart

chart

chatbot

chatbot

chill-sofa

chill-sofa

chill

chill

christmas-fireplace

christmas-fireplace

christmas-gifts

christmas-gifts

christmas-tree-2

christmas-tree-2

christmas-tree

christmas-tree

cleaning

cleaning

cloud

cloud

computer-fix

computer-fix

contract

contract

conversation

conversation

dance

dance

dark-mode

dark-mode

dart

dart

delivery

delivery

detective

detective

device-security

device-security

discount

discount

download

download

easter-bunny

easter-bunny

easter-chicken

easter-chicken

easter-egg

easter-egg

easter-eggs

easter-eggs

electric-scooter

electric-scooter

email

email

empty-state

empty-state

error

error

exit

exit

fingerprint

fingerprint

flowers

flowers

folders

folders

game

game

gardening

gardening

ghost-2

ghost-2

ghost

ghost

gift

gift

girl-phone

girl-phone

girl-refresh

girl-refresh

good-info

good-info

good-news

good-news

graduation

graduation

guitar

guitar

hacker

hacker

halloween-pumpkin

halloween-pumpkin

halloween

halloween

hybrid-work

hybrid-work

ice-skates

ice-skates

icons-drawing-run

icons-drawing-run

icons-drawing

icons-drawing

icons-ladder

icons-ladder

icons-production

icons-production

icons-workshop

icons-workshop

icons

icons

idea

idea

kite

kite

maintenance

maintenance

map-destination

map-destination

message

message

mobile-computer

mobile-computer

morning

morning

music

music

neutral-info

neutral-info

new-year-2025-2

new-year-2025-2

new-year-2025-3

new-year-2025-3

new-year-2025

new-year-2025

new-year-2026-2

new-year-2026-2

new-year-2026-3

new-year-2026-3

new-year-2026

new-year-2026

no-connection

no-connection

not-found

not-found

notifications

notifications

onboarding

onboarding

painting

painting

password-reset

password-reset

payment

payment

permissions

permissions

podcast

podcast

printer

printer

project

project

reading

reading

santa

santa

searching-for-a-signal

searching-for-a-signal

selfie

selfie

session-expired

session-expired

shield

shield

shopping

shopping

snowman-2

snowman-2

snowman

snowman

teamwork

teamwork

telescope

telescope

tiredness

tiredness

to-do

to-do

upload

upload

valentines-day-balloons

valentines-day-balloons

valentines-day-couple

valentines-day-couple

valentines-day-gift

valentines-day-gift

valentines-day-heart

valentines-day-heart

valentines-day-love

valentines-day-love

vampire

vampire

version-control

version-control

video

video

videoconference

videoconference

wait

wait

weightlifting

weightlifting

welcome-on-board

welcome-on-board

witch-2

witch-2

witch

witch

Documentation
License
Source code
Sponsor

Copyright © 2026 Tabler. All rights reserved.
v1.7.0

Make Tabler your own

Pick the look and layout of this preview. Your choices are saved in this browser.

Appearance

Color scheme

The page and its navigation, in one pick.

Auto

Light

Dark

Dark nav

Colored

Accent color

The accent color used across the app.

Font family

The typeface used across the app.

Aa Sans-serif

Aa Serif

Aa Monospace

Aa Comic

Theme base

The gray palette behind every surface.

Slate

Gray

Zinc

Neutral

Stone

Mist

Corner radius

How round corners are drawn.

0

0.5

1

1.5

2

Layout

Navigation

Where the main menu lives.

Navbar

Sidebar

Container width

How wide the page content runs.

Default

Fluid

Boxed

Navbar behavior

Keep the navbar visible while scrolling.

Default

Sticky

Navigation style

Attach the navigation to the edges, or let it float.

Attached

Floating

Offcanvas style

Attach side panels to the edges, or let them float.

Attached

Floating

Sidebar

How the sidebar behaves.

Expanded

Folded

On hover