Alert
Alert lets you monitor any website (or specific parts of it) you wish in order to be notified when it's updated.
Simple alerts
These alerts are alerts that has specific colors for specfic event.
Simple information alert - check it out
Simple secondary alert - check it out
Simple success alert - check it out
Simple danger alert - check it out
Simple warning alert - check it out
Alerts with link
Alerts that give event message with link for that what to do next.
Information alert with link - check it out
Secondary alert with link - check it out
Success alert with link - check it out
Danger alert with link - check it out
Warning alert with link - check it out
Alerts with icons
Icons in alert message represents the event analogy for alert.
Simple information alert - check it out
Simple success alert - check it out
Simple danger alert - check it out
Simple warning alert - check it out
Avatar
Avatar represents users profile pic for logged in users on websites.
Circular avatar
It shows circular profile pic for logged in users.
Rounded corner avatar
This is a square avatar with rounded corners.
Circular letter avatar
It represents the first letter as an image in your avatar.
Square letter avatar
It represents the first letter as an image with square shape.
Images
Images are most important for any web projects. It can be in any shape like circle or rectangle.
Responsive images
Responsive images are the images that will have some fixed height and width, and it will scale according to parent element.
Circular image
Add snippet class to get rounded shape image.
Rounded corner image
These images have corners rounded with square shape.
Cards
Cards are generally used in e-commerce app for showing product information.
Text only card
A card in which contents are placed in horizontal direction.
Cards with shadow
Cards have shadow effect around it.
Cards with badge
Cards have badge on it for its current status e.g trending, best value etc...
Cards with dismissal
Dismissal card have funcionality to remove card from the list.
Card with text overlay
Crads having text overlay to it to show important information about it.
Badges
Badges are important to show user current status, notification counts, no. of products in carts etc...
Status badges
Status badges are used to show current status of user like active, away, do not disturb and invisible.
Status badges
Status badges are used to show current status of user like active, away, do not disturb and invisible.