Loaders, an important gap-filler for an api call, also garners the most creative attention from developers. I've got sleek animated loaders for you. Pick the right one for your project!
- Cube Loader
- Hourglass Loader
- Text Loader
- Whirlpool Loader
- Rotating Dots Loader
- Ripple Loader
- Square Border Fill Loader
A Cube Loader rotating animation made with 3D CSS transform properties!
📎 View code here.
An Hourglass Loader with sand filling animation made using pseudo elements in CSS!
📎 View code here.
A Text Loader which uses CSS background gradient and clip properties!
📎 View code here.
A Whirlpool Loader which uses CSS border properties and pseudo elements, each with a different animation speed and delay to give a whirlpool effect!
📎 View code here.
A Rotating Dots Loader which uses CSS transform properties to place and rotate the dots!
📎 View code here.
A Ripple Loader made by animating the CSS outline-offset property!
📎 View code here.
A Square Border Fill Loader made by animating the background gradient using background position property!
📎 View code here.