Why use React Awesome Loaders

‌Awesome Loaders is a library that focuses on making complex loading animations easy to configure.

In most situations, building loading simple animations using css properties becomes easy since you only need to create for particular use case. Responsiveness for this can be handled with media queries with ease.

But what if we want to create complex animations and we want to scale it? It will take lot of effort and time to create such animations just using css. Moreover, customizing parameters like size, colors and speed through css is another problem.

‌Awesome Loaders solves this problem by using advanced animation libraries like gsap, zdog, three, react-spring which works based on physics and the relative motion/speed of animating objects can be handled w.r.t each other. The responsiveness is handled using react-responsive. Moreover, the customizing parameters like size and colors is handled through use of CSS in JS by using styled-components.

Official Project Launch

We launched ‌Awesome Loaders project on the creator's YouTube channel Dev Sense. You can watch below video to see the official launch of the project.

Rise of concept

I have created a video tutorial few months back illustrating the complex logo building animation for splash screen just using css. You can look at below video to see how it looked like. In the duration of finding css solution, I went through many design concepts on dribbble as well as codepen and came up with scalable implementations of the findings.

Where to get help

You can either report an issue or have a chat on our Discord.