react-spring-dnd, A deadly simple drag and drop solution

🕊

Like react-spring 🌀? it’s smooth, but not for drag n drop.

Like react-beautiful-dnd 😀? it’s the one, but the move is not sexy enough.

OK, now just meet a deadly simple and smooth drag n drop solution using react-spring:

react-spring-dnd

Play with this example!

GitHub

https://github.com/nanxiaobei/react-spring-dnd

Add

yarn add react-spring-dnd
# or
npm i react-spring-dnd

Use

import SpringList from 'react-spring-dnd';
const App = () => (
  <SpringList>
    {'hello react spring dnd 👋⚛️🌀🦥'.split(' ').map((item) => (
      <div key={item}>{item}</div>
    ))}
  </SpringList>
);

Try

Try a basic demo →

Try a dynamic list demo →