Nike
₹8000
Get Started!
Component
Alert
An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
Simple Alert
Simple Alerts can be created using alert class, followed by the variant name.
Preview :
Danger! Indicates danger with some content and a link
Success! Indicates success with some content and a link
Info! Indicates neutral info with some content and a link
Warning! Indicates warning with some content and a link
Avatar
Avatars are user profile pictures, usually found in circular shapes. Avatars can be used for 'container' objects — projects, spaces, repositories, etcetera — to give them a recognisable visual identity.
Rounded Avatar
Preview :
Square Avatar
Preview :
Avatar (With Text)
Preview :
EX
EX
EX
EX
Badge
Square Avatar (With Badge)
Preview :
Notification Badge
Preview :
Notification
4
Icon Badge
Preview :
Chat Notification Badge
Preview :
3
3
Mail Notification Badge
Preview :
Button
Buttons are the soul of an interactive Web Application. Buttons allow users to take actions, and make choices, with a single tap.
Normal Button
Preview :
Button (With Icon)
Preview :
Floating Action Button
Preview :
Card
Card (with Button)
Preview :
Nike
₹8000
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, dignissimos.
Card With Dismiss
Preview :
Card With Text Overlay
Preview :
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, dignissimos.
Card With Text Only
Preview :
Nike
₹8000
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, dignissimos.
Vertical Card
Preview :
Card With Shadow
Preview :
Nike
₹8000
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, dignissimos.
Image
Square responsive Image
Preview :
Rounded responsive Image
Preview :
Input
Input Text Box
Preview :
Label
Input Text Box (With Validation)
Danger Validation Preview :
Label
Satisfied Validation Preview :
Label
Text Utilities
Headings
Preview :
H1 - Heading
H2 - Heading
H3 - Heading
H4 - heading
H5 - Heading
Small text
Preview :
Small Text
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Officiis delectus, consequatur nesciunt numquam rem illum? A assumenda dolor explicabo nulla voluptates dicta natus non repellendus modi recusandae ex, mollitia nemo!
Grey text
Preview :
Grey Text
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Officiis delectus, consequatur nesciunt numquam rem illum? A assumenda dolor explicabo nulla voluptates dicta natus non repellendus modi recusandae ex, mollitia nemo!
Center text
Preview :
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Officiis delectus, consequatur nesciunt numquam rem illum? A assumenda dolor explicabo nulla voluptates dicta natus non repellendus modi recusandae ex, mollitia nemo!
List
Normal Checkbox List
Preview :
- List - 01
- List - 02
- List - 03
- List - 04
- List - 05
Radio Checkbox List
Preview :
- List - 01
- List - 02
- List - 03
- List - 04
- List - 05
Simple Navigation
Preview :
Preview :
Modal
Warning Modal
Preview :
Confirm Modal
Preview :
Rating
Five Star
Preview :
Four And Half Star
Preview :
Four Star
Preview :
Three Point Five Star
Preview :
Three Star
Preview :
Two Point Five Star
Preview :
Two Star
Preview :
One Point Five Star
Preview :
One Star
Preview :
Half Star
Preview :
No Star
Preview :
Toast
Simple Toast
Preview :
Dismiss Toast
Preview :
Undo Toast
Preview :
Grid
Two Row Grid
Preview :
items 1
items 2
items 3
items 4
items 5
items 6
items 7
items 8
items 9
items 10
Grid
Three Row Grid
Preview :
items 1
items 2
items 3
items 4
items 5
items 6
items 7
items 8
items 9
items 10
E-commerce cards
Preview :
Sports Shoes
$32.5
Sports Shoes
$32.5
Sports Shoes
$32.5