Skip to content
React Awesome Loaders

Free & Open Source Loading Animations

Create high-quality, super-responsive and customizable loading animations to insert into your website

Browse Docs
Github Repository

Loading made simple

Awesome Loaders allows you to implement complex loading animations with just few lines of code.

Configurable to your needs

Animations can be customized with advanced options like colors, sizes and responsiveness.

Plays well with any web framework

All animations will work on any web framework that renders the page based on components.

Getting Started

The easiest way to use one of the loaders from ‌Awesome Loaders is to install the NPM package and import the particular loader to use it.

Install NPM Package

npm install react-awesome-loaders

Import And Use

import { LoaderName } from "react-awesome-loaders"
...
function LoadingComponent(props) {
    return (
        ...
        <LoaderName {...passParametersToCustomise} />
        ...
    );
}
export default LoadingComponent

The loaders are very flexible to import and use wherever you want and in any web framework that uses NPM.
The loaders are auto-responsive. i.e. The size of loader automatically adjusts itself on smaller screen sizes.
Ofcourse, you can set different sizes for different screens by passing props desktopSize and mobileSize.