DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 968,547 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for CSS Loader / Spinners collection
Vineeth.TR
Vineeth.TR

Posted on

CSS Loader / Spinners collection

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

CSS loaders and spinner

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


<div class="loader"></div>

Enter fullscreen mode Exit fullscreen mode

Video Walkthrough

Please feel free to comment your suggestions and feedbacks on this post discussion or Product Hunt page
CSS Loaders - Collection of different types of CSS loaders, spinners | Product Hunt

Top comments (14)

Collapse
 
gaoryrt profile image
gaoryrt
Collapse
 
vineethtrv profile image
Vineeth.TR Author

Excellent I loved that ios-like(2) <3. one suggestion add brief description on readme Like What is this , How to use

Collapse
 
sreeju profile image
Sreeju

Kerala lu evadiya, njan Sreeju Ooty

Collapse
 
vineethtrv profile image
Vineeth.TR Author

Thrissur

Collapse
 
sreeju profile image
Sreeju

πŸ˜„ Ahh

 
vineethtrv profile image
Vineeth.TR Author

Thank you

Collapse
 
demepty profile image
demepty

Excelent!

Collapse
 
vineethtrv profile image
Vineeth.TR Author

Thank You

Collapse
 
protecstudio profile image
ProTec Games

Can you tell me how can I convert HTML to IPA?
gonative.io/share/dpmlzw

Collapse
 
ghoraivanga profile image
Suman Ghorai

β™₯️

Collapse
 
vineethtrv profile image
Vineeth.TR Author

Getting 404 :(

🌚 Friends don't let friends browse without dark mode.

Just kidding, it's a personal preference. But you can change your theme, font, etc. in your settings.

The more you know. 🌈