Clean CSS UI Component Library – Light UI


Author: harshitpaliwal95
Views Total: 112 views
Official Page: Go to website
Last Update: March 10, 2022
License: MIT

Preview:

Clean CSS UI Component Library – Light UI

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 List

Light UI Card

Light UI Card

Light UI Buttons

Light UI Buttons

Light UI Alerts

Light UI Alerts

Light UI Avatar

Light UI Avatar

See also  CSS Only Minimal Responsive Image Gallery lightbox - CSSBox

Leave a Reply

Your email address will not be published. Required fields are marked *