Installation
Just copy and paste the link in your html file in between the head tag.
Avatar
easyWEB provides very nice and easy to apply avatars of different size.
Small Avatar   Medium avatar    Large avatar
Alert
Here are four alerts that is success, danger, warning, info alerts.
This is success alert
This is danger alert
This is warning alert
This is info alert
Badge
The given below are four types of badge commonly used.
2
Button
These are buttons which can be used at differnt places.
Card
Here are few of the cards which is required by most of the E-commerce website and many other websites.

Men Premium Jacket

₹2000

Men Premium Jacket

₹2000 ₹3999

50% off

Men Premium Jacket

₹2000 ₹3999

50% off

Quantity: 1

Men Premium Jacket

₹2000

Men Premium Jacket

₹2000

Men Premium Jacket

₹2000

Men Premium Jacket

₹2000

Men Premium Jacket

₹2000

Men Premium Jacket

₹2000

Men Premium Jacket

₹2000

Men Premium Jacket

₹2000

Men Premium Jacket

₹2000

Men Premium Jacket

₹2000

Men Premium Jacket

₹2000

Image
We have responsive images which can switch according to the resolution of the display or density of the display or the art direction.

Density switching

Density switching allows the website to switch across differnent DPI.

For example our website will load very good image on good display and average quality image on low display

Art Direction

We can switch the images based on the art direction that is landscape or protrait

Resolution switching

We can switch images from the data base of images according to the resolution of the display.

Lazy image Loading

Using this attribute we will only load those images when that image is on view port.

Input
Here are multiple input types you can use according to your need.

Radio button Input

Here you can click on only one option out of many options

Checkbox button input

With the help of this you can select multiple options

Slider Input

You can select any value between the range just by sliding the slider

Simple text input

These are the simple text input to take the input from the user.

Text input with mic button

This is the text input with the mic button

Text Utilities
Here are different types of Headings and text that a user can use in his website.

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6

This is normal bold

This is normal text

This is small text

This is heading 1 gray color

This is heading 2 gray color

This is heading 3 gray color

This is heading 4 gray color

This is heading 5 gray color
This is heading 6 gray color

This is normal bold gray color

This is normal text gray color

This is small text gray color

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lists
Here are the different types of lists a user can use in his website

unordered list

This list will not have the bullet

  • Item one
  • Item two
  • Item three

unordered inline list

  • Item one
  • Item two
  • Item three

reverse ordered list

  1. milk
  2. eggs
  3. break

lists stacked

  • Item one
  • Item two
  • Item three
    • Rating(for eCommerce)

    Here are the rating feature which can be used to take the rating from the user.

    Toast

    Here is the toast

    Dark gray toast

    Something went wrong please try again later!

    Red color toast

    Something went wrong please try again later!

    different style toast

    Toast Header

    Some text inside the toast body. Some text inside the toast body

    Simplified Grid

    Here are responsive grids.

    Men Premium Jacket

    ₹2000

    Men Premium Jacket

    ₹2000

    Men Premium Jacket

    ₹2000

    Men Premium Jacket

    ₹2000

    Thank You for visiting my component library. If you find any issue in my component library and wanted to correct it then please got to my github repo link and write a review there. Thanks