├── LICENSE └── README.md /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 Ross Khanas 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # awesome-react-motion 2 | 3 | A collection of awesome things regarding React Motion ecosystem. 4 | 5 | - [React Motion](#react-motion) 6 | - [Libraries](#react-motion-community) 7 | - [Tutorials](#react-motion-tutorials) 8 | - [Examples](#react-motion-tutorials) 9 | 10 | ## Contents 11 | 12 | ### Libraries 13 | * [data-driven-motion](https://github.com/tkh44/data-driven-motion) - Small wrapper that attempts to simplify the api of TransitionMotion. 14 | * [react-collapse](https://github.com/nkbt/react-collapse) - Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height. 15 | * [react-draggable-list](https://streakyc.github.io/react-draggable-list/example/) React component for a list of draggable collapsible items. 16 | * [react-motion-drawer](https://github.com/stoeffel/react-motion-drawer) Drawer menu component powered by React Motion. 17 | * [react-motion-menu](https://github.com/bokuweb/react-motion-menu) - Motion menu component. 18 | * [react-motion-pack](https://github.com/Nitive/react-motion-pack) - Library of React animated components. 19 | * [react-motion-slider](https://github.com/souporserious/react-motion-slider) - Slider/Carousel powered by React Motion. 20 | * [react-motion-ui-pack](https://github.com/souporserious/react-motion-ui-pack) - Wrapper component around React Motion for easier UI transitions. 21 | * [react-router-transition](https://github.com/maisano/react-router-transition) - Transitions built for react-router, powered by react-motion. 22 | * [react-scrolling](https://github.com/opensource-cards/react-scrolling) - Smooth scrolling for the web on React. 23 | * [react-sortable-pane](http://bokuweb.github.io/react-sortable-pane) Sortable and resizable pane component for React. 24 | 25 | ### Tutorials 26 | * [A gentle introduction to React Motion](https://medium.com/@nashvail/a-gentle-introduction-to-react-motion-dc50dd9f2459#.4lnu7ym0j) 27 | 28 | ### Examples 29 | * [3D/VR camera animations](https://hugozap.neocities.org/x99/) Using react-motion and a-frame to animate the camera position. 30 | * [component-router](http://in-flux.github.io/component-router/example/) Component-router example with react-motion for route transitions. 31 | * [kabuki-motion](https://github.com/bishopZ/kabuki-motion) Boilerplate for Web Animators. 32 | * [react-motion-example](https://github.com/bgryszko/react-motion-example) Using TransitionSpring. 33 | * [Server render app with react-motion](http://52.24.114.125:3000/) A simple server render app animated with react motion. 34 | 35 | ## License 36 | 37 | MIT 38 | --------------------------------------------------------------------------------