Tabler

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
Set status Profile & account Feedback
Settings Logout
  • Home
  • Interface
    Empty page Accordion Blank page Buttons
    Cards New
    Sample cards Card actions New Cards Masonry
    Colors Dropdowns Modals Maps Map fullsize Vector maps New Navigation
    Charts Pagination Placeholder Tabs Tables Carousel Lists Typography Offcanvas Markdown
    Authentication
    Sign in Sign up Forgot password Terms of service Lock screen
    Error pages
    404 page 500 page Maintenance page
  • Form elements
  • Extra
    Activity Gallery Invoice Search results Pricing cards FAQ New Users
    License Music Tasks New Uptime monitor Widgets Wizard
  • Layout
    Horizontal Boxed New Vertical Vertical transparent Right vertical Condensed Combined
    Navbar dark Navbar sticky Navbar overlap RTL mode Fluid Fluid vertical
  • 1518 icons
  • Documentation
  • Changelog

Buttons

Standard Buttons

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

Outline Buttons

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

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

Ghost Buttons

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

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

Square Buttons

Use .btn-square class for square buttons.

Normal
Primary
Secondary
Success
Warning
Danger
Info
Light
Dark

Pill Buttons

Use .btn-pill class for pill buttons.

Normal
Primary
Secondary
Success
Warning
Danger
Info
Light
Dark

Extra colors

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

Icon buttons

Social colors

Facebook
Twitter
Google
Youtube
Vimeo
Dribbble
Github
Instagram
Pinterest
VK
RSS
Flickr
Bitbucket
Tabler
  • Documentation
  • License
  • Source code
  • Sponsor
  • Copyright © 2022 Tabler. All rights reserved.
  • Generated 2022-03-27 13:07 UTC