awesome-react-motion

A collection of awesome things regarding React Motion ecosystem.

• React Motion
  • Libraries
  • Tutorials
  • Examples

Contents

Libraries

• data-driven-motion - Small wrapper that attempts to simplify the api of TransitionMotion.
• react-collapse - Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height.
• react-draggable-list React component for a list of draggable collapsible items.
• react-motion-drawer Drawer menu component powered by React Motion.
• react-motion-menu - Motion menu component.
• react-motion-pack - Library of React animated components.
• react-motion-slider - Slider/Carousel powered by React Motion.
• react-motion-ui-pack - Wrapper component around React Motion for easier UI transitions.
• react-router-transition - Transitions built for react-router, powered by react-motion.
• react-scrolling - Smooth scrolling for the web on React.
• react-sortable-pane Sortable and resizable pane component for React.

Tutorials

• A gentle introduction to React Motion

Examples

• 3D/VR camera animations Using react-motion and a-frame to animate the camera position.
• component-router Component-router example with react-motion for route transitions.
• kabuki-motion Boilerplate for Web Animators.
• react-motion-example Using TransitionSpring.
• Server render app with react-motion A simple server render app animated with react motion.

License

MIT