Skip to content
store
react-flip-move

Alternatives to react-flip-move

50 UI Libraries apps to use instead, best rated first.

Top picks

  1. R

    recharts

    Launch

    Recharts is a charting library for React, built on top of D3. You put charts together from React components (a chart, its axes, a grid, a tooltip, a legend, and lines, bars or areas), so a chart reads like the rest of your interface code in

  2. B

    Base UI

    Launch

    Base UI is a library of unstyled React components for building accessible user interfaces, from the people behind Radix, Floating UI and Material UI. Each component handles behavior, keyboard navigation and accessibility, but brings no visu

  3. D

    dom-helpers

    Launch

    dom-helpers is a tiny, modular JavaScript library of DOM utilities, kept by the React Bootstrap project. It wraps common DOM tasks such as adding event listeners, reading computed styles, measuring offsets and scroll positions, and toggling

    Open source

  4. R

    react-markdown

    Launch

    React component to render markdown

  5. R

    react-smooth

    Launch

    react animation library

  6. R

    React Navigation

    Launch

    React Navigation is the standard routing and navigation library for React Native apps, also supporting web. The repository on GitHub holds the code for its upcoming major version, React Navigation 8, in a monorepo, with the 7.x line as the

More UI Libraries apps

See all
7
S

@storybook/addon-docs

Storybook Docs: Document UI components automatically with stories and MDX

Launch
8
M

@mui/private-theming

Private - The React theme context to be shared between `@mui/styles`

Launch
9
A

ag-grid

The best JavaScript Data Table for building Enterprise Applications

Launch
10
R

react-modal

Accessible modal dialog component for React

Launch
11
Q

query-selector-shadow-dom

use querySelector syntax to search for nodes inside of (nested) shadow roots

Launch
12
R

react-dropzone

Simple HTML5 drag-drop zone with React.js

Launch
13
S

shadcn/ui

Composable, accessible components with thoughtful defaults

Launch
14
Q

qrcode.react

React component to generate QR codes

Launch
15
R

react-select

A Select control built with and for ReactJS

Launch
16
R

react-textarea-autosize

textarea component for React which grows with content

Launch
17
R

react-colorful

A tiny (3,1 KB) color picker component for React and Preact apps

Launch
18
A

@assistant-ui/react

Open-source TypeScript/React library

Launch
19
R

react-virtualized

React components for efficiently rendering large lists and tabular data

Launch
20
R

react-native-svg

SVG library for react-native

Launch
21
R

react-tabs

React tabs component

Launch
22
R

react-number-format

React component to format number in an input or as a text

Launch
23
R

react-draggable

React draggable component

Launch
24
E

echarts for react

Wrapper around beautiful Apache Echarts

Launch
25
R

react-native-web

React Native for Web

Launch
26
V

@visx/group

visx group

Launch
27
R

@rc-component/trigger

Popup trigger and alignment primitive for React

Launch
28
A

ant-design

An enterprise-class UI design language and React UI library

Launch
29
R

react-native-device-info

Device information for iOS and Android

Launch
30
R

react-quill

The Quill rich-text editor as a React component

Launch
31
H

HugeIcons

Comprehensive library of stroke and solid icons

Launch
32
U

uncontrollable

Wrap a controlled react component

Launch
33
V

virtua

A zero-config, fast and small virtual list

Launch
34
R

react-native-drawer-layout

Drawer component for React Native

Launch
35
R

@rc-component/portal

React Portal Component

Launch
36
R

react-player

A React component for playing a variety of URLs, including file paths, Mux

Launch
37
N

Nuxt.js

Versatile Vue.js Framework

Launch
38
R

react-toastify

React notification made easy

Launch
39
R

react-leaflet

React components for Leaflet maps

Launch
40
C

country-flag-icons

Vector (*.svg) country flag icons in 3x2 aspect ratio

Launch
41
R

react-confetti

React component to draw confetti for your party

Launch
42
R

react-scroll

React scroll component

Launch
43
A

@ant-design/fast-color

fast and small color class

Launch
44
A

@ant-design/react-slick

React port of slick carousel

Launch
45
R

react-input-mask

Input masking component for React. Made with attention to UX

Launch
46
R

@rc-component/tour

React tour Component

Launch
47
R

@rc-component/mutate-observer

React MutateObserver Component

Launch
48
R

react-image-crop

A responsive image cropping tool for React

Launch
49
R

react-paginate

A ReactJS component that creates a pagination

Launch
50
R

@react-native-community/datetimepicker

DateTimePicker component for React Native

Launch

About react-flip-move

R

react-flip-move

Effortless animation between DOM changes (eg

React Flip Move is a library that animates a list of items when the order of the list changes. CSS transitions only work on CSS properties, so when a list is reshuffled the elements have no way to animate their new positions. Flip Move applies the FLIP technique, which measures where each element was and where it is now, and then fakes the movement with CSS transforms. The library uses only hardware-accelerated transform properties, not positioning properties like top and left, so the animation stays smooth. It also supports enter and exit animations with a few presets, and it can stagger the delay or duration of later items to make a list feel more natural. Start and finish callbacks let you respond when an animation runs. It works with Preact and other React-like libraries and can be loaded through npm, Yarn or a UMD build. Functional components need to be wrapped with forwardRef before they work with Flip Move. The README states that the project is not actively developed, and the author is looking for maintainers, so it is kept working only for new React versions. The README suggests react-flip-toolkit as an alternative.

View react-flip-moveAll UI Libraries apps
Price
Free
Made by
joshwcomeau
Category
UI Libraries
Website
github.com/joshwcomeau/react-flip-move