React Native Reanimated Carousel screenshot

React Native Reanimated Carousel

Author Avatar Theme by Dohooo
Updated: 11 Feb 2025
3078 Stars

React Native swiper/carousel component, fully implemented using reanimated v2, support to iOS/Android/Web. (Swiper/Carousel)

Categories

Overview:

The React Native Reanimated Carousel is acclaimed as the best carousel component in the React Native community. It effectively addresses the limitations of previous solutions like react-native-snap-carousel by leveraging Reanimated 2 & 3. This carousel provides a versatile and dynamic approach to creating engaging designs and animations.

Features:

  • Fully Implemented with Reanimated 2 & 3: Utilizes the power of Reanimated for smooth animations.
  • Multiple Display Options: Offers various display modes including horizontal, vertical, parallax, and stack.
  • Custom Animation API: Allows users to create unique animations using the custom animation API.
  • Wide Range of Effects: Provides a range of effects such as scale, fade in/out, rotate, marquee, cube-3d, blur-parallax, and more.
  • Comprehensive Documentation: Detailed documentation and examples make it easy to get started with the carousel.

Installation:

To install the React Native Reanimated Carousel theme, follow these steps:

  1. Install the package via npm:

    npm install react-native-reanimated-carousel
    
  2. Import the carousel component in your React Native project:

    import ReanimatedCarousel from 'react-native-reanimated-carousel';
    
  3. Use the component in your code to display the carousel:

    <ReanimatedCarousel />
    

For more detailed information, refer to the documentation on the project’s website.

Summary:

The React Native Reanimated Carousel is a powerful and versatile component that enhances the capabilities of carousel design in React Native applications. By leveraging Reanimated 2 & 3, it provides a smooth and dynamic user experience with a wide range of display options and animation effects. Its comprehensive documentation and examples make it easy for developers to integrate and customize the carousel component in their projects.