Installation

npm install react-flip-children

Usage

Simply wrap the children you want to animate with the AnimateChildren component.

import { AnimateChildren } from 'react-flip-children'

function App() {
  return (
    <AnimateChildren>
      <div>Child 1</div>
      <div>Child 2</div>
      <div>Child 3</div>
    </AnimateChildren>
  )
}

Examples

Here are some examples of what you can do with AnimateChildren.

API Keys

Song Playlist

shuffleadd

Be a Flower

Ryokuoushoku Shakai

3:20

Darken

ZUTOMAYO

4:10

Anytime Anywhere

Milet

3:51

Ienai

Ryokuoushoku Shakai

4:37

Deep Indigo

Yorushika

4:10

---

Notification List

Form Builder

Accordion

Gallery (Advanced)

Multistep Tabs (Advanced)