A physics-based animation library for React inspired by the natural world.
<img alt="NPM Version" src="https://img.shields.io/npm/v/renature.svg" />
<img alt="Test Status" src="https://github.com/FormidableLabs/renature/workflows/renature%20CI/badge.svg?branch=saturn" />
<img alt="Minified gzip size" src="https://img.shields.io/bundlephobia/minzip/renature.svg?label=gzip%20size" />
<img alt="Maintenance Status" src="https://img.shields.io/badge/maintenance-active-green.svg" />
renature
renature
is a physics-based animation library for React focused on modeling natural world forces like gravity, friction, and fluid dynamics, exposed as a set of React hooks.✨Features
- 🎣 A small set of declarative React hooks for animating with ease.
- 🌌 Support for non-traditional physics-based animations using gravity, friction, fluid resistance, and more.
- 🧮 Mathematically accurate and type-safe physics, powered by ReScript.
- 🔁 Start, stop, delay, and loop animations with our Controller API.
- 0️⃣ A tiny animation library with zero dependencies!
📃Documentation
renature
's documentation lives on our docs site. Notice something inaccurate or confusing? Feel free to open an issue or make a pull request to help improve the documentation for everyone! The source for our docs site lives in this repo in the docs
folder.