Installation
Copy and paste the code in the head tag of your html document. So that you can style your components by
just adding class names to your html elements. To know about the styled components, their variations,
read the documentation
Avatar
Alert
×
I am Primary alert
×
I am Secondary alert
×
I am Info alert
×
I am Warning Alert
×
I am Success alert
×
I am Danger alert
Badge
Primary and Secondary Button
Primary
Secondary
Link Button
Link
Icon Button
Home
Floating Action Button
+
Card
NEW IMAGE
This is an Overlay Text for the card
X
Responsive Image
Lists
A whitish-gray, cartoon-styled human skull with large, black eye sockets.
A mobile phone held up to take a selfie.
A plain t-shirt, that can be worn by men or women.
Notifications 25
Harshil Bulsara
Where are you???
Flipkart
Reward for you!!!
Twitter
Harshil twitted after a while!!!
Desktop Navigation
Modal
X
Modal
If you look at what you have in life, you'll always have more. If you look at what you don't
have in life, you'll never have enough.
Rating
★
★
★
★
★
Simplified Grid
HOPE AND SMILE
To achieve your dreams
PAIN AND GAIN
To work for your dreams.
Text Utilities
Heading Text
Small Text
Gray Text
Center Text
Toast
Show Toast
This is a toast component!!!
Javascript Code required for Toast