Navigation

This Component will let you add navigation bar to your app.

You Can use it as :-

Avatar

By this component you can add avatar to your app.That avatar can be list of users in the form of rounded image of users or can be use with badges that show online and offline users.

This can also be used to dispay profile with the username and userid.

Avatar to represent the user

Avatar with username and userid.

Alert

It is used to show alert message or to show any message like "failed request" or "success request" or "application submitted".

Small Alert

Large Alert

Buttons

We have various buttons like primary button,secondary button,link buttons,icon buttons and many more.

Primary Button,Secondary Button and Link Button

Icon Button With Text

Social Icon Button

Badges

This component can be used to apply various badges like Discount , Trending, Hot Offers etc..You can use them in your cards.And in addition you need to apply "position:relative" to the badge's parent and "position:absolute" to the badge.

You Can use it as :-

Cards

This component can be used to apply various badges like Discount , Trending, Hot Offers etc..You can use them in your cards.And in addition you need to apply "position:relative" to the badge's parent and "position:absolute" to the badge.

Cards like Shopping Card

Card With Overlay Text

Cards With Badges

Text Cards

Cards With Shadow

Responsive Images

You just need to provide the source of your image in this component and your image will become responsive. The image can also be conerted into rounded image.

Responsive Image

Containers

We have Two type of containers.One is Fluid container and other is Centered container. Fluid containers are those containers which take the whole width of the view.And Centered container are those container which is having some specific width and lie in the center of the view.

Fluid and Centered Container

Stacked List

These lists can be used for list of products.You can use them to show purchasable products .

Stacked

Sign Up Form

We need sign up form in almost all the apps .You can use it in all of your apps where you want to have registration for your users.

Sign Up Form

Grid Layouts

We have two type of grid layout but you can customize it with knowledge of css.

Grid Layout 1

Grid Layout 2

SnackBar

This component can be used for notifications.

Snack Bar

Typography

We have various typographies . Some texts are on the basis of their font sizes and we have some heading. You can utilize them in giving headings in your app.

Typography On Basis Of Their Sizes

Some Headings

Centered Text