DEV Community

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 (11)

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

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 S

Kerala lu evadiya, njan Sreeju Ooty

Collapse
 
vineethtrv profile image
Vineeth.TR

Thrissur

Collapse
 
sreeju profile image
Sreeju S

😄 Ahh

Collapse
 
demepty profile image
demepty

Excelent!

Collapse
 
vineethtrv profile image
Vineeth.TR

Thank You

Collapse
 
protecstudio profile image
ProTec Games

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

 
vineethtrv profile image
Vineeth.TR

Thank you

Collapse
 
ghoraivanga profile image
Suman Ghorai

♥️

Collapse
 
vineethtrv profile image
Vineeth.TR

Getting 404 :(