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