├── .assets └── animate-with-reanimated.png ├── .github └── FUNDING.yml ├── .gitignore ├── .vscode └── settings.json ├── App.tsx ├── README.md ├── app.json ├── assets ├── adaptive-icon.png ├── favicon.png ├── icon.png └── splash.png ├── babel.config.js ├── package.json ├── src ├── animations │ ├── 00-introduction-to-reanimated │ │ └── App.tsx │ ├── 01-pan-gesture-handler-basics │ │ └── App.tsx │ ├── 02-interpolate-with-scrollview │ │ ├── App.tsx │ │ └── components │ │ │ └── Page.tsx │ ├── 03-interpolate-color │ │ └── App.tsx │ ├── 04-pinch-gesture-handler-basics │ │ └── App.tsx │ ├── 05-double-tap-gesture-handler │ │ ├── App.tsx │ │ └── assets │ │ │ ├── heart.png │ │ │ └── image.jpeg │ ├── 06-scroll-behavior-with-pan-gesture │ │ ├── App.tsx │ │ └── components │ │ │ └── Page.tsx │ ├── 07-color-picker │ │ ├── App.tsx │ │ └── components │ │ │ └── ColorPicker.tsx │ ├── 08-circular-progress-bar │ │ └── App.tsx │ ├── 09-swipe-to-delete │ │ ├── App.tsx │ │ └── components │ │ │ └── ListItem.tsx │ ├── 10-ripple-effect │ │ ├── App.tsx │ │ └── components │ │ │ └── Ripple.tsx │ ├── 11-menu-perspective │ │ └── App.tsx │ ├── 12-sliding-counter │ │ ├── App.tsx │ │ └── components │ │ │ └── SlidingCounter.tsx │ ├── 13-clock-loader │ │ ├── App.tsx │ │ ├── components │ │ │ └── Square.tsx │ │ └── constants.ts │ ├── 14-layout-animations │ │ └── App.tsx │ ├── 15-animated-flatlist │ │ ├── App.tsx │ │ └── components │ │ │ └── ListItem.tsx │ ├── 16-smooth-dropdown │ │ ├── App.tsx │ │ └── components │ │ │ └── dropdown │ │ │ ├── dropdown-list-item.tsx │ │ │ └── index.tsx │ ├── 17-circular-carousel │ │ ├── App.tsx │ │ ├── assets │ │ │ └── images │ │ │ │ ├── 00.jpg │ │ │ │ ├── 01.jpg │ │ │ │ ├── 02.jpg │ │ │ │ ├── 03.jpg │ │ │ │ ├── 04.jpg │ │ │ │ ├── 05.jpg │ │ │ │ ├── 06.jpg │ │ │ │ ├── 07.jpg │ │ │ │ ├── 08.jpg │ │ │ │ └── 09.jpg │ │ └── components │ │ │ └── circular-carousel │ │ │ ├── index.tsx │ │ │ └── list-item.tsx │ ├── 18-skeleton-animation │ │ ├── App.tsx │ │ └── src │ │ │ ├── components │ │ │ ├── contact-list-item.tsx │ │ │ └── touchable-scale.tsx │ │ │ └── index.tsx │ ├── 19-segmented-control │ │ ├── App.tsx │ │ ├── assets │ │ │ └── fonts │ │ │ │ └── SF-Compact-Rounded-Medium.otf │ │ └── src │ │ │ ├── components │ │ │ └── segmented-control.tsx │ │ │ ├── constants.ts │ │ │ └── index.tsx │ ├── 20-shake-animation │ │ ├── App.tsx │ │ └── hooks │ │ │ └── use-animated-shake.ts │ ├── 21-animated-split-button │ │ ├── App.tsx │ │ ├── assets │ │ │ └── fonts │ │ │ │ └── FiraCode-Regular.ttf │ │ └── src │ │ │ ├── components │ │ │ ├── pressable-scale.tsx │ │ │ └── split-button.tsx │ │ │ ├── constants.ts │ │ │ └── index.tsx │ ├── 22-stacked-cards │ │ ├── App.tsx │ │ └── src │ │ │ └── index.tsx │ ├── 23-checkbox-interactions │ │ ├── App.tsx │ │ ├── assets │ │ │ └── fonts │ │ │ │ └── SF-Pro-Rounded-Bold.otf │ │ └── src │ │ │ ├── components │ │ │ └── checkbox.tsx │ │ │ ├── constants.ts │ │ │ ├── hooks │ │ │ └── useCuisines.ts │ │ │ ├── index.tsx │ │ │ └── providers │ │ │ └── fonts-provider.tsx │ ├── 24-story-list │ │ ├── App.tsx │ │ ├── assets │ │ │ ├── adaptive-icon.png │ │ │ ├── favicon.png │ │ │ ├── icon.png │ │ │ ├── images │ │ │ │ ├── image_01.png │ │ │ │ ├── image_02.jpg │ │ │ │ ├── image_03.jpg │ │ │ │ └── image_04.jpg │ │ │ └── splash.png │ │ └── src │ │ │ ├── components │ │ │ └── story-list-item.tsx │ │ │ ├── constants.ts │ │ │ └── index.tsx │ ├── 25-pager-dots │ │ ├── App.tsx │ │ └── src │ │ │ ├── components │ │ │ └── dots │ │ │ │ ├── dot.tsx │ │ │ │ └── index.tsx │ │ │ ├── constants.ts │ │ │ └── index.tsx │ └── 26-animated-bar-chart │ │ ├── App.tsx │ │ ├── assets │ │ └── fonts │ │ │ └── FiraCode-Regular.ttf │ │ └── src │ │ ├── components │ │ └── weekly-bar-chart │ │ │ ├── index.tsx │ │ │ └── single-bar-chart.tsx │ │ ├── constants.ts │ │ └── index.tsx ├── index.tsx └── navigation │ ├── home │ ├── components │ │ └── list-item.tsx │ └── index.tsx │ ├── index.tsx │ ├── screens.tsx │ └── with-custom-back-icon-hoc.tsx ├── tsconfig.json └── yarn.lock /.assets/animate-with-reanimated.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/.assets/animate-with-reanimated.png -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/.github/FUNDING.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/.gitignore -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "editor.formatOnSave": true 3 | } 4 | -------------------------------------------------------------------------------- /App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/App.tsx -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/README.md -------------------------------------------------------------------------------- /app.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/app.json -------------------------------------------------------------------------------- /assets/adaptive-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/assets/adaptive-icon.png -------------------------------------------------------------------------------- /assets/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/assets/favicon.png -------------------------------------------------------------------------------- /assets/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/assets/icon.png -------------------------------------------------------------------------------- /assets/splash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/assets/splash.png -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/babel.config.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/package.json -------------------------------------------------------------------------------- /src/animations/00-introduction-to-reanimated/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/00-introduction-to-reanimated/App.tsx -------------------------------------------------------------------------------- /src/animations/01-pan-gesture-handler-basics/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/01-pan-gesture-handler-basics/App.tsx -------------------------------------------------------------------------------- /src/animations/02-interpolate-with-scrollview/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/02-interpolate-with-scrollview/App.tsx -------------------------------------------------------------------------------- /src/animations/02-interpolate-with-scrollview/components/Page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/02-interpolate-with-scrollview/components/Page.tsx -------------------------------------------------------------------------------- /src/animations/03-interpolate-color/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/03-interpolate-color/App.tsx -------------------------------------------------------------------------------- /src/animations/04-pinch-gesture-handler-basics/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/04-pinch-gesture-handler-basics/App.tsx -------------------------------------------------------------------------------- /src/animations/05-double-tap-gesture-handler/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/05-double-tap-gesture-handler/App.tsx -------------------------------------------------------------------------------- /src/animations/05-double-tap-gesture-handler/assets/heart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/05-double-tap-gesture-handler/assets/heart.png -------------------------------------------------------------------------------- /src/animations/05-double-tap-gesture-handler/assets/image.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/05-double-tap-gesture-handler/assets/image.jpeg -------------------------------------------------------------------------------- /src/animations/06-scroll-behavior-with-pan-gesture/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/06-scroll-behavior-with-pan-gesture/App.tsx -------------------------------------------------------------------------------- /src/animations/06-scroll-behavior-with-pan-gesture/components/Page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/06-scroll-behavior-with-pan-gesture/components/Page.tsx -------------------------------------------------------------------------------- /src/animations/07-color-picker/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/07-color-picker/App.tsx -------------------------------------------------------------------------------- /src/animations/07-color-picker/components/ColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/07-color-picker/components/ColorPicker.tsx -------------------------------------------------------------------------------- /src/animations/08-circular-progress-bar/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/08-circular-progress-bar/App.tsx -------------------------------------------------------------------------------- /src/animations/09-swipe-to-delete/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/09-swipe-to-delete/App.tsx -------------------------------------------------------------------------------- /src/animations/09-swipe-to-delete/components/ListItem.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/09-swipe-to-delete/components/ListItem.tsx -------------------------------------------------------------------------------- /src/animations/10-ripple-effect/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/10-ripple-effect/App.tsx -------------------------------------------------------------------------------- /src/animations/10-ripple-effect/components/Ripple.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/10-ripple-effect/components/Ripple.tsx -------------------------------------------------------------------------------- /src/animations/11-menu-perspective/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/11-menu-perspective/App.tsx -------------------------------------------------------------------------------- /src/animations/12-sliding-counter/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/12-sliding-counter/App.tsx -------------------------------------------------------------------------------- /src/animations/12-sliding-counter/components/SlidingCounter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/12-sliding-counter/components/SlidingCounter.tsx -------------------------------------------------------------------------------- /src/animations/13-clock-loader/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/13-clock-loader/App.tsx -------------------------------------------------------------------------------- /src/animations/13-clock-loader/components/Square.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/13-clock-loader/components/Square.tsx -------------------------------------------------------------------------------- /src/animations/13-clock-loader/constants.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/13-clock-loader/constants.ts -------------------------------------------------------------------------------- /src/animations/14-layout-animations/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/14-layout-animations/App.tsx -------------------------------------------------------------------------------- /src/animations/15-animated-flatlist/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/15-animated-flatlist/App.tsx -------------------------------------------------------------------------------- /src/animations/15-animated-flatlist/components/ListItem.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/15-animated-flatlist/components/ListItem.tsx -------------------------------------------------------------------------------- /src/animations/16-smooth-dropdown/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/16-smooth-dropdown/App.tsx -------------------------------------------------------------------------------- /src/animations/16-smooth-dropdown/components/dropdown/dropdown-list-item.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/16-smooth-dropdown/components/dropdown/dropdown-list-item.tsx -------------------------------------------------------------------------------- /src/animations/16-smooth-dropdown/components/dropdown/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/16-smooth-dropdown/components/dropdown/index.tsx -------------------------------------------------------------------------------- /src/animations/17-circular-carousel/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/17-circular-carousel/App.tsx -------------------------------------------------------------------------------- /src/animations/17-circular-carousel/assets/images/00.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/17-circular-carousel/assets/images/00.jpg -------------------------------------------------------------------------------- /src/animations/17-circular-carousel/assets/images/01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/17-circular-carousel/assets/images/01.jpg -------------------------------------------------------------------------------- /src/animations/17-circular-carousel/assets/images/02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/17-circular-carousel/assets/images/02.jpg -------------------------------------------------------------------------------- /src/animations/17-circular-carousel/assets/images/03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/17-circular-carousel/assets/images/03.jpg -------------------------------------------------------------------------------- /src/animations/17-circular-carousel/assets/images/04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/17-circular-carousel/assets/images/04.jpg -------------------------------------------------------------------------------- /src/animations/17-circular-carousel/assets/images/05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/17-circular-carousel/assets/images/05.jpg -------------------------------------------------------------------------------- /src/animations/17-circular-carousel/assets/images/06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/17-circular-carousel/assets/images/06.jpg -------------------------------------------------------------------------------- /src/animations/17-circular-carousel/assets/images/07.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/17-circular-carousel/assets/images/07.jpg -------------------------------------------------------------------------------- /src/animations/17-circular-carousel/assets/images/08.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/17-circular-carousel/assets/images/08.jpg -------------------------------------------------------------------------------- /src/animations/17-circular-carousel/assets/images/09.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/17-circular-carousel/assets/images/09.jpg -------------------------------------------------------------------------------- /src/animations/17-circular-carousel/components/circular-carousel/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/17-circular-carousel/components/circular-carousel/index.tsx -------------------------------------------------------------------------------- /src/animations/17-circular-carousel/components/circular-carousel/list-item.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/17-circular-carousel/components/circular-carousel/list-item.tsx -------------------------------------------------------------------------------- /src/animations/18-skeleton-animation/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/18-skeleton-animation/App.tsx -------------------------------------------------------------------------------- /src/animations/18-skeleton-animation/src/components/contact-list-item.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/18-skeleton-animation/src/components/contact-list-item.tsx -------------------------------------------------------------------------------- /src/animations/18-skeleton-animation/src/components/touchable-scale.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/18-skeleton-animation/src/components/touchable-scale.tsx -------------------------------------------------------------------------------- /src/animations/18-skeleton-animation/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/18-skeleton-animation/src/index.tsx -------------------------------------------------------------------------------- /src/animations/19-segmented-control/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/19-segmented-control/App.tsx -------------------------------------------------------------------------------- /src/animations/19-segmented-control/assets/fonts/SF-Compact-Rounded-Medium.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/19-segmented-control/assets/fonts/SF-Compact-Rounded-Medium.otf -------------------------------------------------------------------------------- /src/animations/19-segmented-control/src/components/segmented-control.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/19-segmented-control/src/components/segmented-control.tsx -------------------------------------------------------------------------------- /src/animations/19-segmented-control/src/constants.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/19-segmented-control/src/constants.ts -------------------------------------------------------------------------------- /src/animations/19-segmented-control/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/19-segmented-control/src/index.tsx -------------------------------------------------------------------------------- /src/animations/20-shake-animation/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/20-shake-animation/App.tsx -------------------------------------------------------------------------------- /src/animations/20-shake-animation/hooks/use-animated-shake.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/20-shake-animation/hooks/use-animated-shake.ts -------------------------------------------------------------------------------- /src/animations/21-animated-split-button/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/21-animated-split-button/App.tsx -------------------------------------------------------------------------------- /src/animations/21-animated-split-button/assets/fonts/FiraCode-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/21-animated-split-button/assets/fonts/FiraCode-Regular.ttf -------------------------------------------------------------------------------- /src/animations/21-animated-split-button/src/components/pressable-scale.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/21-animated-split-button/src/components/pressable-scale.tsx -------------------------------------------------------------------------------- /src/animations/21-animated-split-button/src/components/split-button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/21-animated-split-button/src/components/split-button.tsx -------------------------------------------------------------------------------- /src/animations/21-animated-split-button/src/constants.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/21-animated-split-button/src/constants.ts -------------------------------------------------------------------------------- /src/animations/21-animated-split-button/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/21-animated-split-button/src/index.tsx -------------------------------------------------------------------------------- /src/animations/22-stacked-cards/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/22-stacked-cards/App.tsx -------------------------------------------------------------------------------- /src/animations/22-stacked-cards/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/22-stacked-cards/src/index.tsx -------------------------------------------------------------------------------- /src/animations/23-checkbox-interactions/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/23-checkbox-interactions/App.tsx -------------------------------------------------------------------------------- /src/animations/23-checkbox-interactions/assets/fonts/SF-Pro-Rounded-Bold.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/23-checkbox-interactions/assets/fonts/SF-Pro-Rounded-Bold.otf -------------------------------------------------------------------------------- /src/animations/23-checkbox-interactions/src/components/checkbox.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/23-checkbox-interactions/src/components/checkbox.tsx -------------------------------------------------------------------------------- /src/animations/23-checkbox-interactions/src/constants.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/23-checkbox-interactions/src/constants.ts -------------------------------------------------------------------------------- /src/animations/23-checkbox-interactions/src/hooks/useCuisines.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/23-checkbox-interactions/src/hooks/useCuisines.ts -------------------------------------------------------------------------------- /src/animations/23-checkbox-interactions/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/23-checkbox-interactions/src/index.tsx -------------------------------------------------------------------------------- /src/animations/23-checkbox-interactions/src/providers/fonts-provider.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/23-checkbox-interactions/src/providers/fonts-provider.tsx -------------------------------------------------------------------------------- /src/animations/24-story-list/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/24-story-list/App.tsx -------------------------------------------------------------------------------- /src/animations/24-story-list/assets/adaptive-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/24-story-list/assets/adaptive-icon.png -------------------------------------------------------------------------------- /src/animations/24-story-list/assets/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/24-story-list/assets/favicon.png -------------------------------------------------------------------------------- /src/animations/24-story-list/assets/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/24-story-list/assets/icon.png -------------------------------------------------------------------------------- /src/animations/24-story-list/assets/images/image_01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/24-story-list/assets/images/image_01.png -------------------------------------------------------------------------------- /src/animations/24-story-list/assets/images/image_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/24-story-list/assets/images/image_02.jpg -------------------------------------------------------------------------------- /src/animations/24-story-list/assets/images/image_03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/24-story-list/assets/images/image_03.jpg -------------------------------------------------------------------------------- /src/animations/24-story-list/assets/images/image_04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/24-story-list/assets/images/image_04.jpg -------------------------------------------------------------------------------- /src/animations/24-story-list/assets/splash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/24-story-list/assets/splash.png -------------------------------------------------------------------------------- /src/animations/24-story-list/src/components/story-list-item.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/24-story-list/src/components/story-list-item.tsx -------------------------------------------------------------------------------- /src/animations/24-story-list/src/constants.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/24-story-list/src/constants.ts -------------------------------------------------------------------------------- /src/animations/24-story-list/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/24-story-list/src/index.tsx -------------------------------------------------------------------------------- /src/animations/25-pager-dots/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/25-pager-dots/App.tsx -------------------------------------------------------------------------------- /src/animations/25-pager-dots/src/components/dots/dot.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/25-pager-dots/src/components/dots/dot.tsx -------------------------------------------------------------------------------- /src/animations/25-pager-dots/src/components/dots/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/25-pager-dots/src/components/dots/index.tsx -------------------------------------------------------------------------------- /src/animations/25-pager-dots/src/constants.ts: -------------------------------------------------------------------------------- 1 | export const ACTIVE_COLOR = '#66e070'; 2 | -------------------------------------------------------------------------------- /src/animations/25-pager-dots/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/25-pager-dots/src/index.tsx -------------------------------------------------------------------------------- /src/animations/26-animated-bar-chart/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/26-animated-bar-chart/App.tsx -------------------------------------------------------------------------------- /src/animations/26-animated-bar-chart/assets/fonts/FiraCode-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/26-animated-bar-chart/assets/fonts/FiraCode-Regular.ttf -------------------------------------------------------------------------------- /src/animations/26-animated-bar-chart/src/components/weekly-bar-chart/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/26-animated-bar-chart/src/components/weekly-bar-chart/index.tsx -------------------------------------------------------------------------------- /src/animations/26-animated-bar-chart/src/components/weekly-bar-chart/single-bar-chart.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/26-animated-bar-chart/src/components/weekly-bar-chart/single-bar-chart.tsx -------------------------------------------------------------------------------- /src/animations/26-animated-bar-chart/src/constants.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/26-animated-bar-chart/src/constants.ts -------------------------------------------------------------------------------- /src/animations/26-animated-bar-chart/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/animations/26-animated-bar-chart/src/index.tsx -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/index.tsx -------------------------------------------------------------------------------- /src/navigation/home/components/list-item.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/navigation/home/components/list-item.tsx -------------------------------------------------------------------------------- /src/navigation/home/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/navigation/home/index.tsx -------------------------------------------------------------------------------- /src/navigation/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/navigation/index.tsx -------------------------------------------------------------------------------- /src/navigation/screens.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/navigation/screens.tsx -------------------------------------------------------------------------------- /src/navigation/with-custom-back-icon-hoc.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/src/navigation/with-custom-back-icon-hoc.tsx -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/tsconfig.json -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/enzomanuelmangano/animate-with-reanimated/HEAD/yarn.lock --------------------------------------------------------------------------------