Loaders

Loaders with Icons

Use .spinner class to icon for spin effect.


Loading Spinner Option 1

Using .icon-disc spinner Icon class.

Loading Spinner Option 2

Using .icon-refresh spinner Icon class.

Loading Spinner Option 3

Using .icon-reload spinner Icon class.

Loading Spinner Option 4

Using .icon-settings spinner Icon class.

Loading Spinner Option 5

Using .fa.fa-spinner spinner Icon class.

Loading Spinner Option 6

Using .fa.fa-repeat spinner Icon class.

Loading Spinner Option 7

Using .fa.fa-circle-o-notch spinner Icon class.

Loading Spinner Option 8

Using .fa.fa-refresh spinner Icon class.

Loading Spinner Option 9

Using .fa.fa-asterisk spinner Icon class.

Loading Spinner Option 9

Using .fa.fa-sun-o spinner Icon class.

Loading Spinner Option 9

Using .fa.fa-life-saver spinner Icon class.

Loading Spinner Option 9

Using .fa.fa-compass spinner Icon class.

Loaders.css

Delightful and performance-focused pure css loading animations.


Ball Pulse

Using .ball-pulse class for Ball Pulse Loader.

Grid Ball Pulse

Using .ball-pulse class for Grid Ball Pulse Loader.

Ball Clip Rotate

Using .ball-clip-rotate class for Ball Clip Rotate Loader.

Square Spin

Using .square-spin class for Square Spin Loader.

Loading Spinner Option 15

Using .ball-clip-rotate-multiple class for Multiple Ball Clip Rotate Loader.

Ball Pulse Rise

Using .ball-pulse-rise class for Ball Pulse Rise Loader.

Ball Rotate

Using .ball-rotate class for Ball Rotate Loader.

Cube Transition

Using .cube-transition class for Cube Transition Loader.

Ball Zig Zag

Using .ball-zig-zag class for Ball Zig Zag Loader.

Ball Zig Zag Deflact

Using .ball-zig-zag-deflect class for Ball Zig Zag Deflact Loader.

Ball Trianle Path

Using .ball-triangle-path class for Ball Trianle Path Loader.

Ball Scale

Using .ball-scale class for Ball Scale Loader.

Line Scale

Using .line-scale class for Ball Pulse Loader.

Line Scale Party

Using .line-scale-party class for Line Scale Party Loader.

Ball Scale Multiple

Using .ball-scale-multiple class for Ball Scale Multiple Loader.

Ball Pulse Sync

Using .ball-pulse-sync class for Ball Pulse Sync Loader.

Ball Beat

Using .ball-beat class for Ball Beat Loader.

Line Scale Pulse Out

Using .line-scale-pulse-out class for Line Scale Pulse Out Loader.

Line Scale Pulse Out Rapid

Using .line-scale-pulse-out-rapid class for Line Scale Pulse Out Rapid Loader.

Ball Scale Ripple

Using .ball-scale-ripple class for Ball Scale Ripple Loader.

Ball Spin Fade Loader

Using .ball-spin-fade-loader class for Ball Spin Fade Loader Loader.

Line Spin Fade Loader

Using .line-spin-fade-loader class for Line Spin Fade Loader Loader.

Tiangle Skew Spin

Using .triangle-skew-spin class for Tiangle Skew Spin Loader.

Semi Circle Spin

Using .semi-circle-spin class for Semi Circle Spin Loader.

Ball Grid Beat

Using .ball-grid-beat class for Ball Grid Beat Loader.

Ball Scale Random

Using .ball-scale-random class for Ball Scale Random Loader.

Double Bounce

Using .double-bounce class for Double Bounce Loader.

Chasing Dots

Using .chasing-dots class for Chasing Dots Loader.

Fading Circle

Using .fading-circle class for Fading Circle Loader.

Folding Cube

Using .folding-cube class for Folding Cube Loader.

Theme Customizer


Customize & Preview in Real Time

Menu Color Options

Layout Options

Navigation Color Options
Solid
Gradient

Solid

Gradient

Buy Now