Clean CSS UI Component Library – Light UI

Preview:

Description:

Light UI is a lightweight and modular CSS UI component library that helps you develop modern web applications in a rapid way.

Currently comes with 10+ reusable UI components. Dark mode is included as well.

UI Components Included:

• Alert
• Avatar
• Badge
• Button
• Card
• Grids
• Image
• Input
• List
• Modal
• Navigation
• Rating
• Snackbar

How to use it:

1. Import the main stylesheet and UI components of your choice as follows:

@import url(style.css);
@import url(components/typography/typo.css);
@import url(components/alert-btn/alert.css);
@import url(components/alert-btn/button.css);
@import url(components/avtar-badge/avtar.css);
@import url(components/avtar-badge/badge.css);
@import url(components/card/card.css);
@import url(components/image-input/image.css);
@import url(components/image-input/input.css);
@import url(components/list/list.css);
@import url(components/modal/modal.css);
@import url(components/navigation/navigation.css);
@import url(components/snackbar-rating/snackbar.css);
@import url(components/snackbar-rating/rating.css);
@import url(components/typography/typo.css);
@import url(components/grid/grid.css);

2. Or include the All-in-on CSS from a CDN.

<link rel="stylesheet" href="https://light-ui-library.netlify.app/import.css" />

3. Happy coding!

More Previews:

Light UI List

Light UI Card

Light UI Buttons

Light UI Alerts

Light UI Avatar