<commit_before>react-spinkit
=============

A collection of loading indicators animated with CSS for React

Currently I've ported all the spinner animations from
[Spinkit](https://github.com/tobiasahlin/SpinKit). If you have other favorite
 css spinner you'd like to include, open an issue.

## Usage
```javascript
var Spinner = require('react-spinkit');

<Spinner spinnerName='double-bounce' />
```

See more examples on the [demo page](http://kyleamathews.github.io/react-spinkit/).

## CSS
CSS is loaded automatically when using [Webpack](http://webpack.github.io) and the
[css-loader](https://github.com/webpack/css-loader) or Browserify/[CSSify](https://github.com/davidguttman/cssify)
 to build your project.

## Fade in spinners after one second
According to [research by <NAME>](http://www.nngroup.com/articles/response-times-3-important-limits/),
 feedback after user operations isn't necessary for about a second.
 You can set your spinner to fade in by adding the `fadeIn` prop e.g. `<Spinner
spinnerName='three-bounce' fadeIn />`

This requires `./css/fade-in.css` to be included either automatically
with Webpack or manually.


## Demo and documentation
http://kyleamathews.github.io/react-spinkit/<commit_msg>Add note that webpack/browserify are required<commit_after>react-spinkit
=============

A collection of loading indicators animated with CSS for React

Currently I've ported all the spinner animations from
[Spinkit](https://github.com/tobiasahlin/SpinKit). If you have other favorite
 css spinner you'd like to include, open an issue.

## Usage
```javascript
var Spinner = require('react-spinkit');

<Spinner spinnerName='double-bounce' />
```

See more examples on the [demo page](http://kyleamathews.github.io/react-spinkit/).

## CSS
CSS is loaded automatically using [Webpack](http://webpack.github.io) and the
[css-loader](https://github.com/webpack/css-loader) or Browserify/[CSSify](https://github.com/davidguttman/cssify)
 to build your project.

## Webpack or Browserify is required
Currently we only support Browserify and Webpack. If you'd like support
for other build tools that also support requring CSS, PRs are welcome.

## Fade in spinners after one second
According to [research by <NAME>](http://www.nngroup.com/articles/response-times-3-important-limits/),
 feedback after user operations isn't necessary for about a second.
 You can set your spinner to fade in by adding the `fadeIn` prop e.g. `<Spinner
spinnerName='three-bounce' fadeIn />`

This requires `./css/fade-in.css` to be included either automatically
with Webpack or manually.


## Demo and documentation
http://kyleamathews.github.io/react-spinkit/
{'fraction_non_alphanumeric': 0.12019593067068576, 'fraction_numerical': 0.0007535795026375283, 'mean_word_length': 4.873893805309734, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, 'https://': 6, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1388862', 'n_tokens_mistral': 830, 'n_tokens_neox': 783, 'n_words': 269}