Get started with react-flip-move CDN
MIT licensed
React Flip Move: High-performance, virtualized list component for large lists with minimal re-renders.
Tags:- react
- react-dom
- animation
- magic-move
- component
- react-component
- flip
- web-animations
Stable version
Copied!
How to start using react-flip-move CDN
import React from 'react';
import FlipMove from 'react-flip-move';
const List = () => {
const items = Array.from({ length: 20 }, (_, i) => i + 1);
return (
<FlipMove enterAnimation="fade" leaveAnimation="fade">
{items.map((item) => (
<div key={item}>Item {item}</div>
))}
</FlipMove>
);
};
export default List;
Copied!
Copied!
All versions
0.2.0
0.2.1
0.2.2
0.2.3
1.0.0
1.0.1
1.0.2
1.0.4
1.0.5
1.0.5-0
1.1.0
1.1.1
1.1.2
1.2.0
1.3.0
1.3.1
1.4.0
1.4.1
1.4.2
2.0.0
2.0.0-beta2
2.0.0-beta3
2.0.1
2.0.2
2.0.3
2.0.4
2.0.5
2.0.6
2.1.0
2.1.1
2.1.1-beta1
2.1.2
2.1.3
2.1.3-beta1
2.1.4
2.10.0
2.10.1
2.10.2
2.2.0
2.2.1
2.3.0
2.4.0
2.4.0-rc1
2.4.0-rc2
2.4.1
2.4.2
2.5.0
2.6.0
2.6.1
2.6.10
2.6.2
2.6.3
2.6.4
2.6.5
2.6.6
2.6.7
2.6.8
2.6.9
2.7.0
2.7.0-beta1
2.7.1
2.7.2
2.7.3
2.7.4
2.8.0
2.9.0
2.9.1
2.9.10
2.9.11
2.9.12
2.9.13
2.9.14
2.9.15
2.9.16
2.9.17
2.9.2
2.9.3
2.9.4
2.9.5
2.9.6
2.9.7
2.9.8
2.9.9
2.9.9-beta1
3.0.0
3.0.1
3.0.2
3.0.3
3.0.4
*** 3.0.5