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

Discussion (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
sreeju7733 profile image
Sreeju

Kerala lu evadiya, njan Sreeju Ooty

Collapse
vineethtrv profile image
Vineeth.TR Author

Thrissur

Collapse
sreeju7733 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 :(