Popularity
4.4
Growing
Activity
0.0
Stable
446
12
55

Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Tags: UI Animation     React     React-component     Animation    
Latest version: v0.1.0

react-magic-move alternatives and similar libraries

Based on the "UI Animation" category

Do you think we are missing an alternative of react-magic-move or a related project?

Add another 'UI Animation' Library

README

React Magic Move

Magic Move for React.JS

NOT A PRODUCTION MODULE

This was just a fun experiment, with some love, it could definitely be a real thing, but I don't have time. I will merge pull requests to keep it working, but I don't maintain this right now.

Usage

  1. Wrap some ordered elements in <MagicMove/>
  2. Add a key to each element
  3. Add some CSS transitions and border-box sizing (so the code can measure it more easily)
.Something {
  transition: all 500ms ease;
  box-sizing: border-box;
}
<MagicMove>
  {this.sortedElementsWithKeys(this.state.sortBy)}
</MagicMove>