# autoresponsive-react

---

Auto responsive grid layout library for [React](http://facebook.github.io/react/index.html).

[![NPM version][npm-image]][npm-url]
[![CI][CI-image]][CI-url]
[![Test coverage][coveralls-image]][coveralls-url]
[![node version][node-image]][node-url]
[![npm download][download-image]][download-url]

[npm-image]: http://img.shields.io/npm/v/autoresponsive-react.svg
[npm-url]: http://npmjs.org/package/autoresponsive-react
[CI-image]: https://github.com/xudafeng/autoresponsive-react/actions/workflows/ci.yml/badge.svg
[CI-url]: https://github.com/xudafeng/autoresponsive-react/actions/workflows/ci.yml
[coveralls-image]: https://img.shields.io/coveralls/xudafeng/autoresponsive-react.svg
[coveralls-url]: https://coveralls.io/r/xudafeng/autoresponsive-react?branch=master
[node-image]: https://img.shields.io/badge/node.js-%3E=8-green.svg
[node-url]: http://nodejs.org/download/
[download-image]: https://img.shields.io/npm/dm/autoresponsive-react.svg
[download-url]: https://npmjs.org/package/autoresponsive-react


## Who are using

- ⭐⭐⭐[alibaba/ice](//github.com/alibaba/ice)
- ⭐⭐⭐[ice-lab/react-materials](//github.com/ice-lab/react-materials)
- ⭐⭐⭐[ant-design/ant-design-landing](//github.com/ant-design/ant-design-landing)
- ⭐⭐⭐[xudafeng/autoresponsive-react-native](//github.com/xudafeng/autoresponsive-react-native)

[For more](//github.com/xudafeng/autoresponsive-react/network/dependents)

<!-- GITCONTRIBUTOR_START -->

## Contributors

|[<img src="https://avatars.githubusercontent.com/u/1011681?v=4" width="100px;"/><br/><sub><b>xudafeng</b></sub>](https://github.com/xudafeng)<br/>|[<img src="https://avatars.githubusercontent.com/u/1877738?v=4" width="100px;"/><br/><sub><b>HillLiu</b></sub>](https://github.com/HillLiu)<br/>|[<img src="https://avatars.githubusercontent.com/u/8263298?v=4" width="100px;"/><br/><sub><b>conorhastings</b></sub>](https://github.com/conorhastings)<br/>|[<img src="https://avatars.githubusercontent.com/u/1002461?v=4" width="100px;"/><br/><sub><b>montogeek</b></sub>](https://github.com/montogeek)<br/>|[<img src="https://avatars.githubusercontent.com/u/3760840?v=4" width="100px;"/><br/><sub><b>rayshan</b></sub>](https://github.com/rayshan)<br/>|[<img src="https://avatars.githubusercontent.com/u/52845048?v=4" width="100px;"/><br/><sub><b>snapre</b></sub>](https://github.com/snapre)<br/>|
| :---: | :---: | :---: | :---: | :---: | :---: |
[<img src="https://avatars.githubusercontent.com/u/39849622?v=4" width="100px;"/><br/><sub><b>ywroh</b></sub>](https://github.com/ywroh)<br/>|[<img src="https://avatars.githubusercontent.com/u/29188938?v=4" width="100px;"/><br/><sub><b>catchonme</b></sub>](https://github.com/catchonme)<br/>

This project follows the git-contributor [spec](https://github.com/xudafeng/git-contributor), auto updated at `Sun Apr 17 2022 21:57:17 GMT+0800`.

<!-- GITCONTRIBUTOR_END -->

![](./screenshot/1.gif)

![](./screenshot/2.gif)

![](./screenshot/3.gif)

## Examples

Live demo & docs: [xudafeng.github.io/autoresponsive-react](https://xudafeng.github.io/autoresponsive-react/)

To build the examples local, please run:

```bash
$ npm i
$ npm run dev
```

## Installation

```bash
$ npm i autoresponsive-react --save-dev
```

## Related Edition

- [ReactNative Edition](//github.com/xudafeng/autoresponsive-react-native)
- [Vue Edition](//github.com/xudafeng/autoresponsive-vue)

## Contributing

See our [CONTRIBUTING.md](./CONTRIBUTING.md) for information on how to contribute.

## License

MIT Licensed.