joshwcomeau/react-flip-move

Health v2 · maintenance only

Adoption not part of the score

4135 stars · 250 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

A React component library that animates DOM changes such as list reordering using the FLIP technique with hardware-accelerated CSS transforms. It wraps children in a FlipMove component to produce smooth 60+ FPS transitions when items are added, removed, or shuffled.

Use cases

• animate list reordering in react
• smooth transitions when shuffling a grid of items
• animate items entering and leaving a list
• magic move animations between dom changes
• animate sortable list drag reordering
• transition animations for react components

When to choose

• you need effortless FLIP animations for list or grid reordering in a React app
• you want hardware-accelerated 60fps transitions without writing manual CSS transform logic
• you need a simple drop-in React component with a UMD build option

When to avoid

• you need a library under active development - it is looking for maintainers
• you need advanced FLIP features like shared element transitions - consider react-flip-toolkit instead
• you are not using React

Facets

library · maturity maintenance

animation ui-components frontend-framework frontend web-development web-design browser cross-platform react flip-technique list-animation css-transforms hardware-accelerated react-component nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="joshwcomeau/react-flip-move")