React Native Reanimated Carousel

🚀

v5 is currently in public beta. Install react-native-reanimated-carousel@beta with Reanimated 4.1 or newer and React Native Worklets. Upgrading from v4? Read the v5 migration guide.

A performant carousel for React Native powered by Reanimated. ⚡️

Features

The best performance you can get. 🚀
Fully configurable. ⚙️
Support for both iOS & Android & Web. 📱
Support for RTL layout. 🌍
Smooth gesture interactions & snapping animations. 🏎
Support to customise the animation style. 🎨
Powered by Reanimated 4 and React Native Worklets. 🎉
Compatible with Expo. 🎩
Accessibility support. ♿️
Written in TypeScript. 🌳

Installation

Using Expo? Let Expo select compatible Reanimated and Worklets versions:

npx expo install react-native-reanimated-carousel@beta react-native-reanimated react-native-worklets react-native-gesture-handler

Using React Native Community CLI?

yarn add react-native-reanimated-carousel@beta react-native-reanimated react-native-worklets react-native-gesture-handler

⚠️

React Native Gesture Handler needs extra steps to finalize its installation, please follow their installation instructions (opens in a new tab). Please make sure to wrap your App with GestureHandlerRootView when you've upgraded to React Native Gesture Handler ^2.

React Native Reanimated 4 requires a compatible react-native-worklets version. Follow the Reanimated installation guide (opens in a new tab) and compatibility table (opens in a new tab). Community CLI projects must use the react-native-worklets/plugin Babel plugin as documented there.

Special thanks

Screen Studio

Thanks to Screen Studio for sponsoring this library. You can use Screen Studio to record your screen and edit videos and get beautiful screen recordings in minutes.

Sponsor & Support

To keep this library maintained and up-to-date please consider sponsoring to us. ☕️

More high quality libraries made by me 🚀

react-native-reanimated-table (opens in a new tab)

Built With ❤️

Props