React App

1. Moon

import React from 'react'
import { Moon } from 'react-js-css-loaders'

export const LoaderComponent = (props) => (
   <div>
     <Moon />
   </div>
  )

2. Revolver

import React from 'react'
import { Revolver } from 'react-js-css-loaders'

export const LoaderComponent = (props) => (
   <div>
     <Revolver />
   </div>
  )

3. Chaser

import React from 'react'
import { Chaser } from 'react-js-css-loaders'

export const LoaderComponent = (props) => (
   <div>
     <Chaser />
   </div>
  )

4. Rhythm

import React from 'react'
import { Rhythm } from 'react-js-css-loaders'

export const LoaderComponent = (props) => (
   <div>
     <Rhythm />
   </div>
  )

5. Elipsis

import React from 'react'
import { Elipsis } from 'react-js-css-loaders'

export const LoaderComponent = (props) => (
   <div>
     <Elipsis />
   </div>
  )

6. Throbber

import React from 'react'
import { Throbber } from 'react-js-css-loaders'

export const LoaderComponent = (props) => (
   <div>
     <Throbber />
   </div>
  )

7. Revolution

import React from 'react'
import { Revolution } from 'react-js-css-loaders'

export const LoaderComponent = (props) => (
   <div>
     <Revolution />
   </div>
  )

8. Square

import React from 'react'
import { Square } from 'react-js-css-loaders'

export const LoaderComponent = (props) => (
   <div>
     <Square />
   </div>
  )

9. Cardfliping

import React from 'react'
import { Cardfliping } from 'react-js-css-loaders'

export const LoaderComponent = (props) => (
   <div>
     <Cardfliping />
   </div>
  )

10. Dewdrops

import React from 'react'
import { Dewdrops } from 'react-js-css-loaders'

export const LoaderComponent = (props) => (
   <div>
     <Dewdrops />
   </div>
  )

11. Spinner

import React from 'react'
import { Spinner } from 'react-js-css-loaders'

export const LoaderComponent = (props) => (
   <div>
     <Spinner />
   </div>
  )

12. Ease in out

import React from 'react'
import { Easeinout } from 'react-js-css-loaders'

export const LoaderComponent = (props) => (
   <div>
     <Easeinout />
   </div>
  )

13. Whirl

import React from 'react'
import { Whirl } from 'react-js-css-loaders'

export const LoaderComponent = (props) => (
   <div>
     <Whirl />
   </div>
  )