Introduction

React Easy Ease is an easy to use preset package of animation curves.

For use with React animation libraries such as Motion or use with CSS transitions.

React exports are an array of [x1, y1, x2, y2] values.

CSS creates :root variables with cubic-bezier(x1, y1, x2, y2) values.

Installation

npm

npm i @nahana/react-easy-ease

pnpm

pnpm add @nahana/react-easy-ease

Yarn

yarn add @nahana/react-easy-ease

Run this in the main directory of your project.