A fun collection of free SVG generators for gradients, patterns, shapes, textures & cool backgrounds. Plus, some more color tools for web designers.

https://fffuel.co/hhhue/

In this post we have provided you with some examples and code for ways to make your page load entertaining via SVG loading animations.

https://codepen.io/nikhil8krishnan/pen/rVoXJa

https://codepen.io/BridgetCReed/pen/YpOEVv

https://codepen.io/matchboxhero/pen/bomWGK

A collection of 24 x 24 dp SVG spinners! (CSS & SMIL) - GitHub - n3r4zzurr0/svg-spinners: A collection of 24 x 24 dp SVG spinners! (CSS & SMIL)

Free loaders & spinners for your next project. Built with HTML, CSS and a soupçon of SVG. Available for copypasta or as a tree-shakeable React component library.

Simple CSS Spinners

2nd selection

See issues for defaults to work in IE11

A cool spinner made only with divs, some border tricks, and one CSS animation.

I really enjoyed digging into this pen by Luke Richardville. You wouldn’t think it had much to teach, seeing as it’s only 12 lines of Pug and 32 lines of SCSS.

https://codepen.io/lukerichardville/pen/NWpYdQY