Avatar

Copy this code to get styled avatars

Alert

× Danger: Indicates a negative action.

× Success: Indicates a successful action

× Info: Indicates a neutral action.

× Warning: Indicates a warning that might need attention.

Copy this code to get styled alerts

Badge

Badge on Icons

Badge on Avatars

Copy this code to get styled badges

Button

Copy this code to get styled buttons

Card

Cards with badges

Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti eveniet odit voluptatem ratione nemo assumenda magnam quidem, accusamus expedita voluptatum libero asperiores iste nisi culpa quaerat quas dicta omnis vel.

MyBadge

Cards with dismiss

OUT OF STOCK

Cards with text overlay

Text only cards

Horizontal cards

Cards with shadow

Copy this code to get styled cards

Responsive Image

Copy this code to get responsive images

Input

textbox

textbox : error-style Error - Invalid input

Copy this code to get styled input elements

Lists

Spaced

Item 1
Item 2
Item 3

Stacked

Item 1
Item 2
Item 3

Copy this code to get styled lists

Copy this code to get navigation bar

Copy this code to get styled modal

Rating

Copy this code to get styled rating

Simplified Grid

First element Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis amet soluta officia, quam ad cum commodi perferendis dolor quia ipsa. Dignissimos alias autem quidem cum ea tempora corrupti qui maxime?

Second element Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum quaerat quas vel ad, vero doloremque hic corrupti. Iure ut ipsa, nulla sunt nihil sed praesentium officiis distinctio eveniet explicabo atque.

Third element Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum quaerat quas vel ad, vero doloremque hic corrupti. Iure ut ipsa, nulla sunt nihil sed praesentium officiis distinctio eveniet explicabo atque.

Avatar

Copy this code to get styled avatars

Alert

Copy this code to get styled alerts

Badge

Badge on Icons

Badge on Avatars

Copy this code to get styled badges

Button

Copy this code to get styled buttons

Card

Cards with badges

Cards with dismiss

Cards with text overlay

Text only cards

Horizontal cards

Cards with shadow

Copy this code to get styled cards

Responsive Image

Copy this code to get responsive images

Input

Copy this code to get styled input elements

Lists

Spaced

Stacked

Copy this code to get styled lists

Navigation

Copy this code to get navigation bar

Copy this code to get styled modal

Rating

Copy this code to get styled rating

Simplified Grid

Copy this code to get simplfied grid

Text Utilities

headings : h2

Copy this code to get styled text

Toast/Notify/Snackbar

Copy this code to get styled toast

Avatar

Copy this code to get styled avatars

Alert

Copy this code to get styled alerts

Badge

Badge on Icons

Badge on Avatars

Copy this code to get styled badges

Button

Copy this code to get styled buttons

Card

Cards with badges

Cards with dismiss

Cards with text overlay

Text only cards

Horizontal cards

Cards with shadow

Copy this code to get styled cards

Responsive Image

Copy this code to get responsive images

Input

Copy this code to get styled input elements

Lists

Spaced

Stacked

Copy this code to get styled lists

Navigation

Copy this code to get navigation bar

Modal

Copy this code to get styled modal

Rating

Copy this code to get styled rating

Simplified Grid

Copy this code to get simplfied grid

Text Utilities

headings : h2

Copy this code to get styled text

Toast/Notify/Snackbar

Copy this code to get styled toast