Get started with react-move CDN

MIT licensed

React Move: Library for animated, smooth React transitions.

Tags:
  • react
  • animate
  • animation
  • interpolation
  • move
  • time
  • resonance
  • d3
  • svg
  • charts
  • graphs
  • transitions

Stable version

Copied!

How to start using react-move CDN


import React from 'react';
import { useSpring, a } from 'react-spring/web.cjs';

function SpringBox() {
  const props = useSpring({
    from: { transform: 'translateX(-100%)' },
    to: { transform: 'translateX(0%)' },
    config: { duration: 1000 },
  });

  return (
    <a.div style={props}>
      <box-shadow className="box">Box</box-shadow>
    </a.div>
  );
}

function App() {
  return (
    <div className="App">
      <SpringBox />
    </div>
  );
}

export default App;
Copied!
Copied!

All versions