<commit_before>![mist.svg](https://rawgit.com/AI428/mist/master/doc/img/icon.png)

[![npm version](https://badge.fury.io/js/mist.js.svg)](https://badge.fury.io/js/mist.js)

# MIST

> _Motion Design in Modular CSS_

Mist is a motion design library that uses modular CSS

## Quick start

```
npm install mist.js --save
```

## Features

- _Using Modular CSS_
- _Using Style Tag_
- _State Control_
- _Timing Control_

TL;DR [demo](//codepen.io/collection/DNzaQb/)

## Supported browser

- _Chrome_
- _Edge_
- _Firefox_<commit_msg>Refactor<commit_after>![mist.svg](https://rawgit.com/AI428/mist/master/doc/img/icon.png)

[![npm version](https://badge.fury.io/js/mist.js.svg)](https://badge.fury.io/js/mist.js)

# MIST

> _Motion Design in Modular CSS_

Mist is a motion design library that uses modular CSS

## Quick start

```
npm install mist.js --save
```

Or [download](//github.com/AI428/mist/releases/latest)

## Features

- _Using Modular CSS_
- _Using Style Tag_
- _State Control_
- _Timing Control_

TL;DR [demo](//codepen.io/collection/DNzaQb/)

## Supported browser

- _Chrome_
- _Edge_
- _Firefox_
{'fraction_non_alphanumeric': 0.15656108597285068, 'fraction_numerical': 0.008144796380090498, 'mean_word_length': 3.8296943231441047, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2691207', 'n_tokens_mistral': 455, 'n_tokens_neox': 425, 'n_words': 87}