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 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 New Blank page Buttons
    Cards New
    Sample cards Card actions New Cards Masonry
    Carousel New Charts Color picker New Colors Data grid New Datatables New Dropdowns Dropzone New
    Error pages
    404 page 500 page Maintenance page
    Flags New Inline player New Lightbox New
    Lists Modal Map Map fullsize Map vector New Markdown Navigation Offcanvas Pagination Placeholder Social icons New Stars rating New Steps New Tables Tabs Tags TinyMCE New Toasts Typography
  • Form elements
  • Extra
    Activity Chat New Cookie banner New Empty page FAQ New Gallery Invoice Job listing New License Logs New Marketing New Music Page loader New
    Payment providers New Photogrid New Pricing cards Pricing table Search results Settings New Tasks New Trial ended New Uptime monitor Users Widgets Wizard
  • Layout
    Boxed New Combined Condensed Fluid Fluid vertical Horizontal Navbar dark
    Navbar overlap Navbar sticky Right vertical RTL mode Vertical Vertical transparent
  • 5844 icons
  • Emails
  • Illustrations
  • 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.0.0