react-anim-kit


View the docs here: https://fredrikoseberg.github.io/react-anim-kit-docs

Introduction

This library contains animation helpers based mainly on the CSS properties opacity and transform.
Because of how the browser handles rendering, these properties are best suited to handle
ui animations when manipulating css properties - see the full overview here.

Components

``





`

Fades in all of it's children. See full documentation here.

`





`

Applies classes to animate it's children on entering and leaving the DOM. See full documentation here.

`





`

Uses transform: scaleY to fake height animation. This component can be tricky to use, but worth it if you want performant animations. See an article describing usage here

See full documentation here.

`





`

Fades in all of it's on mounting. Fades out all of it's children on leaving the DOM.

`





``

Adjust the height of the container based on the content. This uses the height css property and is
bad for perforamance - use AnimateHeight instead if you can. See full documentation here.