Add below link into your html file and you are ready to use Easy-UI into your Project

<link
	rel="stylesheet"
	href="https://easyui-library.netlify.app/styles/component.css"
/>

• Avatar
• Alert
• Badge
• Button
• Card
• Image
• Input
• Text-utility
• List
• Rating
• Modal
• snakBar
• Responsive-grid
• navigation
• slider

The Avatar component is used to represent a user, and displays the profile picture, initials.

You can find more detail about this on https://easyui-library.netlify.app/componets/avatar/avatar.html

• Avatar Info
• Round Avatar
• Different Sizes of Avatar
• Square Avatar

Alert Provides user with the info of Action, in a way that attracts users action.

You can find detail about this on https://easyui-library.netlify.app/componets/alert/alert.html

• Simple Alert
• Success Alert
• Info Alert
• Warning Alert
• Danger Alert
• Icon Alert
• Outline Alert

Badge are used to highlight an item's status such as online / offline status , display numbers. Badges are small circles, positioned either at top-right or bottom-right of the parent component.

You can find more details about this by click on https://easyui-library.netlify.app/componets/badge/badge.html

• Avatar Badges
• Icon Badges
• Badges on Different Positions

The Button component allows user to take action such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.

You can find more details by clicking on https://easyui-library.netlify.app/componets/buttons/buttons.html

• Simple Button
• Outline Button
• Link Button
• Icon Button
• Floating Action Button

A card is a flexible and extensible content container and contains actions about a single subject.You can use this cards in Ecommerce website and in many other places.

You can find more details by clicking on https://easyui-library.netlify.app/componets/cards/cards.html

• Text only card
• card with Image
• card with Heading at top
• card with text-overlay
• Vertical Card
• Horizontal Card
• Card with badge
• Vertical Card with dismiss
• Card with shadow

self-explanatory

You can find more details by clicking here https://easyui-library.netlify.app/componets/images/images.html

• Square Image
• Round Image
• Images of Different Sizes
• Responsive Image

Inputs are used to get the user information and to store that data. Inputs can be used in forms during signin and in many other places.

You can find more details by clicking here https://easyui-library.netlify.app/componets/input/input.html

• Basic Input
• Different Size Inputs
• Labeled Inputs
• Error Success Inputs
• Message Inputs
• Input With Different Options
• Date and Time Input
• CheckBox Input
• Radio Input
• Textarea
• Sample Form

Text-Utility is mainly used to style heading, paragraph of the web-page , by giving them different font-size and weight.

You can find more details by clicking here https://easyui-library.netlify.app/componets/text_utilities/textutilities

• Headings
• Text Sizes
• Text Decoration
• Text Center

List component is used to display list items. They are composed of items containing primary and supplemental actions, which are represented by icons and text

You Can find more details here https://easyui-library.netlify.app/componets/lists/lists.html

• Normal list
• Stacked List

Rating is mostly used to get review of user .

You can find more detail by clicking here https://easyui-library.netlify.app/componets/ratings/ratings.html

• E-Commerce Ratings
• Static Ratings

Modal appear on screen after some operation done by user and disappear when user click on the cancel button

You can find more details by clicking here https://easyui-library.netlify.app/componets/modal/modal.html

Snackbars provide brief messages about app processes at the bottom of the screen.

You can find more details by clicking here https://easyui-library.netlify.app/componets/snackBar/snackBar.html

Grid is mainly used to display your components we use Display:grid for grids

You can find more details by clicking here https://easyui-library.netlify.app/componets/grid/grid.html

Navigation is used to navigate in a website it is generally placed at top of the Website.

You can find more details by clicking here https://easyui-library.netlify.app/componets/navigation/navigation.html

The Slider is used to allow users to make selections from a range of values.

You can find more details by clicking here https://easyui-library.netlify.app/componets/slider/slider.html