Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including react-loading-io with all npm packages installed. Try it out:

require("@babel/runtime/package.json"); // @babel/runtime is a peer dependency. require("prop-types/package.json"); // prop-types is a peer dependency. require("react/package.json"); // react is a peer dependency. var reactLoadingIo = require("react-loading-io")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-loading-io v2.2.1

CSS-only spinners of for React

React Spiners using

CircleCI Coverage Status Downloads Bundle Size Licence

CSS-only spinners of for React


Demo Page


Using npm:

npm install react-loading-io --save

Using yarn:

yarn add react-loading-io


// Import Package
import { Eclipse } from "react-loading-io";

// Use Component
const Index = () => {
  return <Eclipse size={64} />;


  • [x] Spinner
  • [x] Eclipse
  • [x] Rolling
  • [x] Dual Ring
  • [x] Ball
  • [x] Spin
  • [x] Magnify
  • [ ] Ripple
  • [ ] Reload
  • [ ] Gear
  • [ ] Facebook
  • [ ] Cube
  • [ ] Blocks
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free