Getting Started

React Native Reanimated Carousel


👾

(WIP) If you find any mistakes, please submit an Issue to remind me to revise it, or PR is welcome.


Cover Image

Hacktober Badgeplatformsnpmnpmnpmgithub issuesgithub closed issuesdiscord chat

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. 🎨
  • Compatible with Reanimated v1 & v2. 🎉
  • Compatible with Expo. 🎩
  • Accessibility support. ♿️
  • Written in TypeScript. 🌳

Installation

yarn add react-native-reanimated-carousel

Using Expo?

npx expo install react-native-reanimated-carousel

Dependencies

This library needs these dependencies to be installed in your project before you can use it:

yarn add react-native-reanimated react-native-gesture-handler

Using Expo?

npx expo install react-native-reanimated 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 v2 needs extra steps to finalize its installation, please follow their installation instructions (opens in a new tab).

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 🚀

Built With ❤️