|
1 | | -# cssloaders.github.io |
2 | | -CSS Loaders is a collection of different types of CSS loaders, spinners and their source code |
| 1 | +# CSS Loaders & Spinners |
| 2 | +A general situation that we all might face while going through websites/apps is to wait for some progress or something to get loaded. A most simple solution in such scenarios is to use a loader or spinner to indicate users that something is loading in the background. |
| 3 | +Considering this, I tried to create a library having a collection of such loaders/spinners. There are no image dependencies for this library. It's developed using pure CSS. Hence it will load fast and is easily customizable too. |
| 4 | + |
| 5 | +[ |
| 6 | +](https://cssloaders.github.io) |
| 7 | + |
| 8 | + |
| 9 | + |
| 10 | + |
| 11 | + |
| 12 | + |
| 13 | + |
| 14 | +## HTML |
| 15 | + |
| 16 | +Each loader has been build on top of a single html tag, so that it is easily portable. Hence more convenient to be intrgrate with projects |
| 17 | + |
| 18 | +```html |
| 19 | + |
| 20 | +<div class="loader"></div> |
| 21 | + |
| 22 | +``` |
| 23 | + |
| 24 | + |
| 25 | +## Video Walkthrough |
| 26 | + |
| 27 | +https://user-images.githubusercontent.com/5153908/140642916-e8d0e071-96ab-45ac-98d3-10c858e504a5.mp4 |
| 28 | + |
| 29 | + |
| 30 | + |
| 31 | +Please feel free to comment your suggestions and feedbacks on Product Hunt |
| 32 | + |
| 33 | +[](https://www.producthunt.com/posts/css-loaders?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-css-loaders) |
0 commit comments