https://github.com/vineethtrv/css-loader

This is a library having a collection of different types of CSS loaders, spinners
https://github.com/vineethtrv/css-loader

animation css3 loading-spinner spinners

Last synced: 10 days ago
JSON representation

This is a library having a collection of different types of CSS loaders, spinners

• Host: GitHub
• URL: https://github.com/vineethtrv/css-loader
• Owner: vineethtrv
• License: mit
• Created: 2020-07-28T14:14:57.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-11-10T04:30:07.000Z (almost 3 years ago)
• Last Synced: 2024-05-19T00:38:09.679Z (6 months ago)
• Topics: animation, css3, loading-spinner, spinners
• Language: JavaScript
• Homepage: https://cssloaders.github.io/
• Size: 24.8 MB
• Stars: 1,264
• Watchers: 14
• Forks: 144
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• my-awesome-list - css-loader

README

        
# 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



```

## 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)