├── .eslintrc.js ├── .gitignore ├── .prettierrc ├── .storybook ├── addons.js └── config.js ├── README.md ├── package.json ├── public ├── favicon.ico ├── index.html └── manifest.json ├── src ├── assets │ └── comparison.gif ├── common │ ├── animationTimings.js │ ├── container.js │ ├── index.css │ └── shuffle.js ├── framer-motion-example.js ├── react-motion-example.js ├── react-move-example.js ├── react-spring-example.js ├── react-transition-group-anime-example.js ├── react-transition-group-gsap-example.js ├── stories │ └── index.js └── velocity-react-example.js └── yarn.lock /.eslintrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/.eslintrc.js -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/.prettierrc -------------------------------------------------------------------------------- /.storybook/addons.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/.storybook/addons.js -------------------------------------------------------------------------------- /.storybook/config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/.storybook/config.js -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/README.md -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/package.json -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/public/index.html -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/public/manifest.json -------------------------------------------------------------------------------- /src/assets/comparison.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/src/assets/comparison.gif -------------------------------------------------------------------------------- /src/common/animationTimings.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/src/common/animationTimings.js -------------------------------------------------------------------------------- /src/common/container.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/src/common/container.js -------------------------------------------------------------------------------- /src/common/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/src/common/index.css -------------------------------------------------------------------------------- /src/common/shuffle.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/src/common/shuffle.js -------------------------------------------------------------------------------- /src/framer-motion-example.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/src/framer-motion-example.js -------------------------------------------------------------------------------- /src/react-motion-example.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/src/react-motion-example.js -------------------------------------------------------------------------------- /src/react-move-example.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/src/react-move-example.js -------------------------------------------------------------------------------- /src/react-spring-example.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/src/react-spring-example.js -------------------------------------------------------------------------------- /src/react-transition-group-anime-example.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/src/react-transition-group-anime-example.js -------------------------------------------------------------------------------- /src/react-transition-group-gsap-example.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/src/react-transition-group-gsap-example.js -------------------------------------------------------------------------------- /src/stories/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/src/stories/index.js -------------------------------------------------------------------------------- /src/velocity-react-example.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/src/velocity-react-example.js -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aholachek/react-animation-comparison/HEAD/yarn.lock --------------------------------------------------------------------------------