20+ css loaders Examples

  • 1 month ago
  • 37

Bootstrap 4 Loader/spinner with svg element

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 Bar loader

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 Pixel Loader

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 Circle loader

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 circle loader

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 spinner loader arrow with svg

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 Square box loader

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Pure CSS website preloader with content

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 website preloader with flower ripple/wave effect using pure HTML and CSS

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 website preloader with ripple/wave effect

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 dot opacity loader

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 flip square loader

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 square path loader

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Pure CSS bouncy balls loader animation effect

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 Jumping dots loader

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Pure CSS ring spinner/loader

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 simple fixed loader

Author Ask SNB
Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 thin spinner/loader with pure css

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 colorful page loader(progressbar)

Author Ask SNB
Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 moving square loader

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari


Bootstrap 4 Awesome colorful loader

Links Demo & Code
Made with HTML/CSS

Compatible Browsers: Chrome,Firefox, Edge, Opera, Safari

Join BBBootstrap community

Contribute an awesome snippet to help other developer and designers