An assortment of loaders I've built that I particularly like. Some of them as simple .gifs, whilst others I created in code.
Loaders
![](https://martingarnett.com/wp-content/uploads/2020/10/loaders-featured_image.png)
There’s something satisfying with building a nice loading indicator that reflects the brand of the application in one way or another.
![A loading animation using the mylo logo. Dots animation to reveal the text.](https://i0.wp.com/martingarnett.com/wp-content/uploads/2020/10/loader-mylo.gif?resize=100%2C100&ssl=1)
![A loading animation for gem using a chromatic gradient that animates across the word "gem".](https://i0.wp.com/martingarnett.com/wp-content/uploads/2020/10/loader-gem.gif?resize=100%2C100&ssl=1)
See the Pen Cinelearn loader by Martin Garnett (@martingarnett01) on CodePen.
See the Pen SVG Loading icon – 3 spinners by Martin Garnett (@martingarnett01) on CodePen.
See the Pen AP Loader by Martin Garnett (@martingarnett01) on CodePen.