CSS based Component + Utility based UI Library, Small and easy to load.
Explore Cloud UI docs »
Report bug
·
Request feature
This is an open source library, everyone is most welcome to contribute. Feel free to suggest any new feature, report bugs, send pull requests.
- Link this css to your website:
<link rel="stylesheet" href="https://cloud-ui-css.netlify.app/css/main.css"> - To make sure every component is functional, You also need to import the following script
<script src="https://cloud-ui-css.netlify.app/js/starrating.js"></script> - You are free to use your custom styles just link them after the cloud ui link tag.
Read the Getting started page for information on the implementing it on your own website/project.
Within the download you'll find the following directories and files.
Contents
cloud-ui/
├── css/
│ ├── components/
│ │ ├── alert.css
│ │ ├── avatar.css
│ │ ├── badge.css
│ │ ├── button.css
│ │ ├── card.css
│ │ ├── grid.css
│ │ ├── image.css
│ │ ├── input.css
│ │ ├── list.css
│ │ ├── modal.css
│ │ ├── navbar.css
│ │ ├── slider.css
│ │ ├── starrating.css
│ │ └── toast.css
│ ├── utilities/
│ │ ├── border.css
│ │ ├── colors.css
│ │ ├── display.css
│ │ ├── margin.css
│ │ ├── padding.css
│ │ └── text.css
│ ├── main.css
│ ├── reset.css
│ └── variables.css
└── js/
└── starrating.js
- Clone this repo:
git clone https://github.com/shobit1337/cloud-ui.git - Run with Live Server
- Start Live server to view the live preview and make changes accordingly.
Read the Getting started page for information on the implementing it on your own website/project.
Shobit Deshwal
Thanks to Netlify for providing us with Deploy Previews!
Code released under the MIT Licence.