react-cssfx-loading

Original Design and Code: https://cssfx.netlify.app/

Usage no npm install needed!

<script type="module">
  import reactCssfxLoading from 'https://cdn.skypack.dev/react-cssfx-loading';
</script>

README

React CSSFx Loading

React wrapper for the CSSFx collection (loading animation only)

Original Design and Code: https://cssfx.netlify.app/

Preview

Preview

Live demo

https://react-cssfx.surge.sh/

Usage

// Import Components

// Worse way
import { BarWave } from "react-cssfx-loading";
// Better way to reduce bundle size
import BarWave from "react-cssfx-loading/lib/BarWave";

// Render
<BarWave />

// Available Props
<BarWave color="#FF0000" width="100px" height="100px" duration="3s" />

// It also supports all props of an HTML element (or JSX)
<BarWave onClick={() => alert("Clicked")} key="key" />