Usage no npm install needed!

<script type="module">
  import cssBlockLoader from 'https://cdn.skypack.dev/css-block-loader';
</script>

README

css-block-loader

A stylish css module compatible block loader...

Compatible

Install

npm install css-block-loader --save-dev

Usage

Simply import the block loader css module and use it as your loader

import { loader } from 'css-block-loader'

Then use it for styling your elements.

    return (
        <div className={styles.loader}>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
            <span className={styles.block}></span>
        </div>
    );

Example

Check out the full working example here

Run it

cd example; npm install; npm start

License

MIT