react-animation-loader

This is simple animation loader with some css animation and an image with moving animation. Check it out.

Usage no npm install needed!

<script type="module">
  import reactAnimationLoader from 'https://cdn.skypack.dev/react-animation-loader';
</script>

README

react-animation-loader

This is simple animation loader with some css animation and an image with moving animation. Check it out.

Table of Contents

Install

$ npm install react-animation-loader

or

$ yarn add react-animation-loader

Example

gif1

import React, { useEffect, useState } from 'react';
function App() {
    const [isLoading, setIsLoading] = useState(true);
    useEffect(() => {
        setTimeout(() => {
            setIsLoading(false)
        }, 4000);
    }, []);
    
    return (
        <div>
            <Loader isLoading={isLoading} bgColor="f2f2f2" icon="https://s.gravatar.com/avatar/d2ce5c403a09447328dc8354aaa915ba?size=100&default=retroa" />
        </div>
    )
}

export default App;

Props

  • isLoading (bool) (required)
  • bgColor (string) (required)
  • icon (string)

License

MIT © Radhakishan Jangid