readme

Author: Vineeth T R

README.md

@@ -1,2 +1,33 @@
-# cssloaders.github.io
-CSS Loaders is a collection of different types of CSS loaders, spinners and their source code
+# CSS Loaders & Spinners
+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.
+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.
+
+[![image](https://user-images.githubusercontent.com/5153908/140635756-e2a4d043-d86b-4748-b006-7db8e7e03079.png)
+](https://cssloaders.github.io)  
+
+
+
+![CSS loaders and spinner](https://user-images.githubusercontent.com/5153908/140634495-3ae7b6ae-8535-4e95-b76f-a4420029ca0d.gif)
+
+
+
+## HTML
+
+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 
+
+```html
+
+<div class="loader"></div>
+
+```
+
+
+## Video Walkthrough 
+
+https://user-images.githubusercontent.com/5153908/140642916-e8d0e071-96ab-45ac-98d3-10c858e504a5.mp4
+
+
+
+Please feel free to comment your suggestions and feedbacks on Product Hunt
+
+[![CSS Loaders - Collection of different types of CSS loaders, spinners | Product Hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=318866&theme=light)](https://www.producthunt.com/posts/css-loaders?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-css-loaders)