Source code Sponsor

Last updates

Example 1
Change deprecated html tags to text decoration classes (#29604)
Example 2
justify-content:between ⇒ justify-content:space-between (#29734)
Example 3
Update change-version.js (#29736)
Example 4
Regenerate package-lock.json (#29730)
Paweł Kuna
UI Designer
Status Profile Feedback
Settings Logout
  • Home
  • Interface
    Accordion New Alerts
    Authentication
    Sign in Sign in link Sign in with illustration Sign in with cover Sign up Forgot password Terms of service Lock screen 2 step verification 2 step verification code
    Badges Blank page Buttons
    Cards
    Sample cards Card actions New Cards Masonry
    Carousel Colors Data grid Dropdowns
    Error pages
    404 page 500 page Maintenance page
    Lists Modals Markdown
    Navigation Offcanvas Pagination Placeholder Segmented control New Scroll spy New Social icons Stars rating Steps Tables Tabs Tags Toasts Typography
  • Form elements
  • Extra
    Activity Chat Cookie banner Empty page FAQ Gallery Invoice Job listing License Logs Marketing Music Page loader
    Photogrid Pricing cards Pricing table Search results Settings Signatures New Tasks Trial ended Uptime monitor Users Widgets Wizard
  • Layout
    Boxed Combined Condensed Fluid Fluid vertical Horizontal Navbar dark
    Navbar overlap Navbar sticky Right vertical RTL mode Vertical Vertical transparent
  • Plugins
    Charts Color picker Datatables Dropzone Inline player Lightbox Map Map fullsize Map vector TinyMCE
  • Addons
    Icons Emails Flags Illustrations Payment providers
  • Help
    Documentation Changelog Source code Sponsor project!

Buttons

Standard Buttons

Normal
Primary
Secondary
Success
Warning
Danger
Info
Dark
Light
Active state
Primary
Secondary
Success
Warning
Danger
Info
Dark
Light
Disabled
Primary
Secondary
Success
Warning
Danger
Info
Dark
Light

Outline Buttons

Use .btn-outline-* class for outline buttons.

Normal
Primary
Secondary
Success
Warning
Danger
Info
Dark
Light
Active state
Primary
Secondary
Success
Warning
Danger
Info
Dark
Light
Disabled
Primary
Secondary
Success
Warning
Danger
Info
Dark
Light

Ghost Buttons

Use .btn-ghost-* class for ghost buttons.

Normal
Primary
Secondary
Success
Warning
Danger
Info
Dark
Light
Active state
Primary
Secondary
Success
Warning
Danger
Info
Dark
Light
Disabled
Primary
Secondary
Success
Warning
Danger
Info
Dark
Light

Square Buttons

Use .btn-square class for square buttons.

Normal
Primary
Secondary
Success
Warning
Danger
Info
Dark
Light
Active state
Primary
Secondary
Success
Warning
Danger
Info
Dark
Light
Disabled
Primary
Secondary
Success
Warning
Danger
Info
Dark
Light

Pill Buttons

Use .btn-pill class for pill buttons.

Normal
Primary
Secondary
Success
Warning
Danger
Info
Dark
Light
Active state
Primary
Secondary
Success
Warning
Danger
Info
Dark
Light
Disabled
Primary
Secondary
Success
Warning
Danger
Info
Dark
Light

Extra colors

Blue
Azure
Indigo
Purple
Pink
Red
Orange
Yellow
Lime
Green
Teal
Cyan

Icon buttons

Social colors

X
Facebook
Twitter
Google
Youtube
Vimeo
Dribbble
Github
Instagram
Pinterest
VK
RSS
Flickr
Bitbucket
Tabler
  • Documentation
  • License
  • Source code
  • Sponsor
  • Copyright © 2025 Tabler. All rights reserved.
  • v1.1.1