Libraries

12 spinners made purely with CSS, optimized in size and speed. Copy the markup and style and they just work.

60+ seamless, infinitely repeatable CSS animations for loaders and attention seekers.

60+ CSS animations for transitional effects such as fading, sliding and zooming in or out.

CSS for buttons that load. Put a loader inside any button, add a class for where it appears ( e.g. ld-ext-right ), and toggle the running class to show it. Works with Bootstrap, PureCSS and other frameworks; pairs with Loading.css for the spinner.

<div class="btn btn-primary ld-ext-right running">
  Save
  <div class="ld ld-ball ld-bounce"></div>
</div>

SVG-based, flexible and easy-to-use progress bars, configurable in HTML attributes.

A tiny, dependency-free library for managing a loader's state. Toggle loaders on and off ( with optional delays ), drive one or many elements at once, and keep overlapping loaders stacked with automatic z-index. Ships with ready-made styles for inline, centered and full-screen loaders, and works with Loading Buttons.

var ldld = new ldloader({root: ".my-loader"});
ldld.on();
ldld.off(1000);

Lightweight, promise-based popups, dialogs and modals in vanilla JS.

A palette-aware color picker. Load palettes on the fly and share them across pickers, so colors stay consistent in your design tool. Vanilla JS, highly configurable.