├── README.md ├── animations-in-react ├── .gitignore ├── README.md ├── jsconfig.json ├── package-lock.json ├── package.json ├── public │ └── index.html ├── scripts │ └── analyse.js └── src │ ├── App.js │ ├── common-styles │ ├── button.css │ ├── index.css │ ├── margin.css │ ├── navbar.css │ ├── padding.css │ ├── typography.css │ ├── utils.css │ └── variables.css │ ├── index.js │ ├── lotties │ └── dancing-box.json │ ├── pages │ ├── contents │ │ └── index.js │ ├── example1 │ │ ├── index.jsx │ │ └── styles.css │ ├── example10 │ │ ├── index.jsx │ │ └── styles.css │ ├── example11 │ │ ├── index.jsx │ │ └── styles.css │ ├── example12 │ │ ├── index.jsx │ │ ├── paths.js │ │ └── styles.css │ ├── example13 │ │ └── index.jsx │ ├── example2 │ │ ├── index.jsx │ │ └── styles.css │ ├── example3 │ │ ├── index.jsx │ │ └── styles.css │ ├── example4 │ │ ├── index.jsx │ │ └── styles.css │ ├── example5 │ │ ├── index.jsx │ │ └── styles.css │ ├── example6 │ │ ├── index.jsx │ │ └── styles.css │ ├── example7 │ │ ├── index.jsx │ │ └── styles.css │ ├── example8 │ │ ├── index.jsx │ │ └── styles.css │ └── example9 │ │ ├── index.jsx │ │ └── styles.css │ └── shared-components │ ├── header.js │ ├── loadable-lottie.js │ └── refresh.js ├── css-vs-js ├── README.md ├── index.html ├── main.js └── style.css └── performance-in-animations ├── README.md └── index.html /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/README.md -------------------------------------------------------------------------------- /animations-in-react/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/.gitignore -------------------------------------------------------------------------------- /animations-in-react/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/README.md -------------------------------------------------------------------------------- /animations-in-react/jsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/jsconfig.json -------------------------------------------------------------------------------- /animations-in-react/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/package-lock.json -------------------------------------------------------------------------------- /animations-in-react/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/package.json -------------------------------------------------------------------------------- /animations-in-react/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/public/index.html -------------------------------------------------------------------------------- /animations-in-react/scripts/analyse.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/scripts/analyse.js -------------------------------------------------------------------------------- /animations-in-react/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/App.js -------------------------------------------------------------------------------- /animations-in-react/src/common-styles/button.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/common-styles/button.css -------------------------------------------------------------------------------- /animations-in-react/src/common-styles/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/common-styles/index.css -------------------------------------------------------------------------------- /animations-in-react/src/common-styles/margin.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/common-styles/margin.css -------------------------------------------------------------------------------- /animations-in-react/src/common-styles/navbar.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/common-styles/navbar.css -------------------------------------------------------------------------------- /animations-in-react/src/common-styles/padding.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/common-styles/padding.css -------------------------------------------------------------------------------- /animations-in-react/src/common-styles/typography.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/common-styles/typography.css -------------------------------------------------------------------------------- /animations-in-react/src/common-styles/utils.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/common-styles/utils.css -------------------------------------------------------------------------------- /animations-in-react/src/common-styles/variables.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/common-styles/variables.css -------------------------------------------------------------------------------- /animations-in-react/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/index.js -------------------------------------------------------------------------------- /animations-in-react/src/lotties/dancing-box.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/lotties/dancing-box.json -------------------------------------------------------------------------------- /animations-in-react/src/pages/contents/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/contents/index.js -------------------------------------------------------------------------------- /animations-in-react/src/pages/example1/index.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example1/index.jsx -------------------------------------------------------------------------------- /animations-in-react/src/pages/example1/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example1/styles.css -------------------------------------------------------------------------------- /animations-in-react/src/pages/example10/index.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example10/index.jsx -------------------------------------------------------------------------------- /animations-in-react/src/pages/example10/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example10/styles.css -------------------------------------------------------------------------------- /animations-in-react/src/pages/example11/index.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example11/index.jsx -------------------------------------------------------------------------------- /animations-in-react/src/pages/example11/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example11/styles.css -------------------------------------------------------------------------------- /animations-in-react/src/pages/example12/index.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example12/index.jsx -------------------------------------------------------------------------------- /animations-in-react/src/pages/example12/paths.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example12/paths.js -------------------------------------------------------------------------------- /animations-in-react/src/pages/example12/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example12/styles.css -------------------------------------------------------------------------------- /animations-in-react/src/pages/example13/index.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example13/index.jsx -------------------------------------------------------------------------------- /animations-in-react/src/pages/example2/index.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example2/index.jsx -------------------------------------------------------------------------------- /animations-in-react/src/pages/example2/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example2/styles.css -------------------------------------------------------------------------------- /animations-in-react/src/pages/example3/index.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example3/index.jsx -------------------------------------------------------------------------------- /animations-in-react/src/pages/example3/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example3/styles.css -------------------------------------------------------------------------------- /animations-in-react/src/pages/example4/index.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example4/index.jsx -------------------------------------------------------------------------------- /animations-in-react/src/pages/example4/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example4/styles.css -------------------------------------------------------------------------------- /animations-in-react/src/pages/example5/index.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example5/index.jsx -------------------------------------------------------------------------------- /animations-in-react/src/pages/example5/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example5/styles.css -------------------------------------------------------------------------------- /animations-in-react/src/pages/example6/index.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example6/index.jsx -------------------------------------------------------------------------------- /animations-in-react/src/pages/example6/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example6/styles.css -------------------------------------------------------------------------------- /animations-in-react/src/pages/example7/index.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example7/index.jsx -------------------------------------------------------------------------------- /animations-in-react/src/pages/example7/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example7/styles.css -------------------------------------------------------------------------------- /animations-in-react/src/pages/example8/index.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example8/index.jsx -------------------------------------------------------------------------------- /animations-in-react/src/pages/example8/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example8/styles.css -------------------------------------------------------------------------------- /animations-in-react/src/pages/example9/index.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example9/index.jsx -------------------------------------------------------------------------------- /animations-in-react/src/pages/example9/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/pages/example9/styles.css -------------------------------------------------------------------------------- /animations-in-react/src/shared-components/header.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/shared-components/header.js -------------------------------------------------------------------------------- /animations-in-react/src/shared-components/loadable-lottie.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/shared-components/loadable-lottie.js -------------------------------------------------------------------------------- /animations-in-react/src/shared-components/refresh.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/animations-in-react/src/shared-components/refresh.js -------------------------------------------------------------------------------- /css-vs-js/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/css-vs-js/README.md -------------------------------------------------------------------------------- /css-vs-js/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/css-vs-js/index.html -------------------------------------------------------------------------------- /css-vs-js/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/css-vs-js/main.js -------------------------------------------------------------------------------- /css-vs-js/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/css-vs-js/style.css -------------------------------------------------------------------------------- /performance-in-animations/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/performance-in-animations/README.md -------------------------------------------------------------------------------- /performance-in-animations/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/smilegupta/animation-made-easy/HEAD/performance-in-animations/index.html --------------------------------------------------------------------------------