nn-loading-effect

It is simple Text Loading Effect.

Live Demo

Installation:

npm install nn-loading-effect

or

yarn add nn-loading-effect

Usage :

Add Loader to your component:

import React from 'react'
import ReactDOM from 'react-dom/client'
import { Loader } from 'nn-loading-effect'

const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
root.render(
    <React.StrictMode>
        <div>
            <h2>Default loader</h2>
            <Loader />
        </div>
        <hr />
        <div>
            <h2>Loader with predefined text</h2>
            <Loader colors={{color1: 'blue', color2: 'aqua', color3: 'lightblue'}} text="MYAPPNAME"/>
        </div>
    </React.StrictMode>,
)