Installation
CSS
Copy-paste the stylesheet link into head section of your web page before all other stylesheets to load our CSS.
JS
Some of our components require the use of JavaScript and icons to function and show some messages properly. Place the following script near the end of your page inside body tag.
Alerts
Badges
Primary Secondary Success DangerBadges on Icons
Pill Badges
Primary Secondary Success DangerCards
Simple card
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nostrum dolor quae nam, reiciendis iure esse obcaecati velit molestiae possimus quia iste, asperiores reprehenderit accusantium recusandae ipsum numquam excepturi repudiandae repellendus.
Vertical cards
Card Title
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut nisi provident voluptatem aperiam facilis voluptates rerum dicta ab recusandae esse, veritatis necessitatibus praesentium cupiditate voluptas exercitationem quo ad impedit quasi.
Card Title
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut nisi provident voluptatem aperiam facilis voluptates rerum dicta ab recusandae esse, veritatis necessitatibus praesentium cupiditate voluptas exercitationem quo ad impedit quasi.
Vertical cards for Ecommerce products
Dennis Lingo
Slim Fit Casual Shirt
Rs. 628
Rs. 1849
(66% Off)
Roadster Lingo
Regular Fit Casual Shirt
Rs. 584
Rs. 1299
(66% Off)
Horizontal cards
Card Title
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Horizontal cards for Cart
Roadster
Rs. 1599
Slim Fit Casual Shirt
Rs. 2599
Qty: 1
Size: 40
Modals
Input
List
Spaced list
Stacked list
Avatar
Image
Typography
Text
This is (xl) text
This is (lg) text
This is (md) text