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.