1. Moon
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/browse/react-js-css-loaders@latest/dist/bundle.umd.js"></script>
<script>
const { Moon } = window.ReactCSSLoaders;
const container = document.getElementById('container')
ReactDOM.render(React.createElement(Moon), container)
</script>2. Revolver
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/browse/react-js-css-loaders@latest/dist/bundle.umd.js"></script>
<script>
const { Revolver } = window.ReactCSSLoaders;
const container = document.getElementById('container')
ReactDOM.render(React.createElement(Revolver), container)
</script>3. Chaser
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/browse/react-js-css-loaders@latest/dist/bundle.umd.js"></script>
<script>
const { Chaser } = window.ReactCSSLoaders;
const container = document.getElementById('container')
ReactDOM.render(React.createElement(Chaser), container)
</script>4. Rhythm
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/browse/react-js-css-loaders@latest/dist/bundle.umd.js"></script>
<script>
const { Rhythm } = window.ReactCSSLoaders;
const container = document.getElementById('container')
ReactDOM.render(React.createElement(Rhythm), container)
</script>5. Elipsis
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/browse/react-js-css-loaders@latest/dist/bundle.umd.js"></script>
<script>
const { Elipsis } = window.ReactCSSLoaders;
const container = document.getElementById('container')
ReactDOM.render(React.createElement(Elipsis), container)
</script>6. Throbber
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/browse/react-js-css-loaders@latest/dist/bundle.umd.js"></script>
<script>
const { Throbber } = window.ReactCSSLoaders;
const container = document.getElementById('container')
ReactDOM.render(React.createElement(Throbber), container)
</script>7. Revolution
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/browse/react-js-css-loaders@latest/dist/bundle.umd.js"></script>
<script>
const { Revolution } = window.ReactCSSLoaders;
const container = document.getElementById('container')
ReactDOM.render(React.createElement(Revolution), container)
</script>8. Square
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/browse/react-js-css-loaders@latest/dist/bundle.umd.js"></script>
<script>
const { Square } = window.ReactCSSLoaders;
const container = document.getElementById('container')
ReactDOM.render(React.createElement(Square), container)
</script>9. Cardfliping
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/browse/react-js-css-loaders@latest/dist/bundle.umd.js"></script>
<script>
const { Cardfliping } = window.ReactCSSLoaders;
const container = document.getElementById('container')
ReactDOM.render(React.createElement(Cardfliping), container)
</script>10. Dewdrops
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/browse/react-js-css-loaders@latest/dist/bundle.umd.js"></script>
<script>
const { Dewdrops } = window.ReactCSSLoaders;
const container = document.getElementById('container')
ReactDOM.render(React.createElement(Dewdrops), container)
</script>11. Spinner
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/browse/react-js-css-loaders@latest/dist/bundle.umd.js"></script>
<script>
const { Spinner } = window.ReactCSSLoaders;
const container = document.getElementById('container')
ReactDOM.render(React.createElement(Spinner), container)
</script>12. Ease in out
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/browse/react-js-css-loaders@latest/dist/bundle.umd.js"></script>
<script>
const { Easeinout } = window.ReactCSSLoaders;
const container = document.getElementById('container')
ReactDOM.render(React.createElement(Easeinout), container)
</script>13. Whirl
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/browse/react-js-css-loaders@latest/dist/bundle.umd.js"></script>
<script>
const { Whirl } = window.ReactCSSLoaders;
const container = document.getElementById('container')
ReactDOM.render(React.createElement(Whirl), container)
</script>