Loaders ✨

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

Cube Loader ⚡

A Cube Loader rotating animation made with 3D CSS transform properties!
📎 View code here.

Hourglass Loader ⚡

An Hourglass Loader with sand filling animation made using pseudo elements in CSS!
📎 View code here.

Text Loader ⚡

A Text Loader which uses CSS background gradient and clip properties!
📎 View code here.

Whirlpool Loader ⚡

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.

Rotating Dots Loader ⚡

A Rotating Dots Loader which uses CSS transform properties to place and rotate the dots!
📎 View code here.

Ripple Loader ⚡

A Ripple Loader made by animating the CSS outline-offset property!
📎 View code here.

Square Border Fill Loader ⚡

A Square Border Fill Loader made by animating the background gradient using background position property!
📎 View code here.