react-simple-flip

React Simple FLIP

A library for FLIP animations in React.

import { useState } from "react"
import { FlipList } from "react-simple-flip"

export function App() {
  const [todos, setTodos] = useState([])

  return (
    <ul>
      <FlipList>
        {todos.map((todo, idx) => (
          <li key={idx}>{todo}</li>
        ))}
      </FlipList>
    </ul>
  )
}

Changelog

1.0.0 (2025-10-01)

Features

• add stagger delay option (#52) (216d053)
• animate on mount option (#50) (b909011)
• make default animations more snappy (0670dec)
• queue animations (#49) (8978f22)
• remove Flip and rename FlipWrapper to Flip (7b7bd26)
• Split hiddenStyle into enterStyle and exitStyle (#53) (3dfd8a0)

Performance Improvements

• hardcode precomputed default spring (dbf5c0e)