Skip to content

Commit 0b838c0

Browse files
authored
Update README.md
1 parent f51b9ae commit 0b838c0

File tree

1 file changed

+0
-32
lines changed

1 file changed

+0
-32
lines changed

README.md

Lines changed: 0 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1 @@
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.
41

5-
[![image](https://user-images.githubusercontent.com/5153908/140635756-e2a4d043-d86b-4748-b006-7db8e7e03079.png)
6-
](https://cssloaders.github.io)
7-
8-
9-
10-
![CSS loaders and spinner](https://user-images.githubusercontent.com/5153908/140634495-3ae7b6ae-8535-4e95-b76f-a4420029ca0d.gif)
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-
[![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)

0 commit comments

Comments
 (0)