react-native-reanimated-carousel

!Hacktober Badge
!platforms

The best carousel component in React Native community. ⚡️

- It completely solved this problem for react-native-snap-carousel
- Fully implemented using Reanimated 2&3
- Demo

Getting Started

Check out the documentation website.

Examples

> Click on the image to see the code snippets [[Try it]](https://snack.expo.dev/@zhaodonghao586/simple-carousel) 🍺

| | | |
| :------------------------------------------------------------------: | :-------------------------------------------------------------------: | :--------------------------------------------------------------------: |
| normal-horizontal | normal-vertical | parallax-horizontal |
| | | |
| parallax-vertical | stack-horizontal-left | stack-horizontal-right |
| | | |
| stack-vertical-left | stack-vertical-right | stack-horizontal-right |
| | | |
| left-align | | right-align |

> You can make cool animations with custom animation API [[Details]](https://reanimated-carousel.dev/custom-animations)

| | | |
| :-----------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------: |
| advanced-parallax | pause-advanced-parallax | scale-fade-in-out |
| | | |
| rotate-scale-fade-in-out | rotate-in-out | anim-tab-bar |
| | | |
| marquee | multiple | circular |
| | | |
| fold | tear | press-swipe |
| | | |
| cube-3d | blur-parallax | curve |
| | | |
| parallax-layers | stack-cards | flow |
| | ||
| blur-rotate | | |

Sponsors

License

MIT