Skip to content
store
react-flip-move

Open source alternatives to react-flip-move

29 open source UI Libraries apps to use instead, best rated first.

Top picks

  1. 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

  2. R

    react-quill

    Launch

    react-quill is a React component that wraps the Quill rich-text editor. Version 2 is a full port to TypeScript that supports React 16 and later, with a refactored build system and tightened internal logic. The maintainers say most projects

    Open source

  3. U

    uncontrollable

    Launch

    uncontrollable is a small React helper for wrapping a controlled component so that chosen prop and handler pairs can be left uncontrolled by the people who use it. The idea is that you write a component with minimal state and let the wrappe

    Open source

  4. R

    react-player

    Launch

    ReactPlayer is a React component that plays a wide range of media URLs, including file paths, HLS, DASH, YouTube, Vimeo, Wistia and Mux. It parses the URL you pass and loads the right player and any external SDK for that source. The README

    Open source

  5. N

    Nuxt.js

    Launch

    Nuxt is a free and open-source framework for building full-stack web applications and websites with Vue.js. It is meant for developers who want to create fast, search-friendly and production-grade sites without assembling every part themsel

    Open source

  6. R

    react-toastify

    Launch

    React-Toastify is a React library for adding notifications, called toasts, to an app. It is meant for developers who want to show short messages to users without building their own notification system. The README says it is easy to set up,

    Open source

More UI Libraries apps

See all
7
D

Daisy UI

UI Components for Tailwind CSS

Launch
8
R

react-input-autosize

Auto-resizing Input Component for React

Launch
9
U

Uppy

A sleek, modular JavaScript file uploader that integrates seamlessly

Launch
10
T

tiptap

A renderless and extendable rich-text editor for Vue.js

Launch
11
T

tanstack-table

Headless UI for building powerful tables & datagrids

Launch
12
R

react-diff-viewer-continued

Continuation of a simple and beautiful text diff viewer component

Launch
13
L

Lucide

Beautiful & consistent icon toolkit made by the community

Launch
14
M

Mantine

A fully featured React components library

Launch
15
B

@blocknote/react

A "Notion-style" block-based extensible text editor built on top of Prosemirror

Launch
16
R

react-bootstrap

Bootstrap components built with React

Launch
17
E

Emotion

High-performance CSS-in-JS style composition

Launch
18
N

novel

Notion-style WYSIWYG editor with AI-powered autocompletion

Launch
19
C

@chakra-ui/system

Chakra UI system primitives

Launch
20
P

pinia

Intuitive, type safe, light and flexible Store for Vue

Launch
21
R

react-cropper

Cropper as React Component

Launch
22
B

blobatar

Deterministic geometric blobatars from any string. No dependencies

Launch
23
C

@copilotkit/web-components

Framework-agnostic shadow-DOM web components for CopilotKit

Launch
24
P

puck

The visual editor for React

Launch
25
O

Omi

Next generation web framework in 4kb JavaScript

Launch
26
T

terracotta

Headless UI for SolidJS

Launch
27
V

vue-echarts

Vue.js component for Apache ECharts

Launch
28
V

Vue (shadcn-vue)

Vue port of shadcn/ui

Launch
29
A

@astryxdesign/theme-neutral

Restrained warm grays. Minimal and quiet, so the content stays the focus

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