Carousel pagination with timer - Reanimated

This animated component is an autoplay carousel pagination indicator built with React Native Reanimated. It smoothly animates between dots representing your data items, advancing automatically on a timer. You can customize the animation duration, dot size, and handle index changes through a callback for full control over the carousel’s behavior. The `onIndexChange` callback is triggered whenever the active index updates, allowing you to synchronize the pagination with other UI elements or actions. **Props** - `data`: Array of items represented as dots in the carousel. - `initialActiveIndex`: Starting index for the active dot. - `duration`: Duration (in milliseconds) of the autoplay animation for each transition. - `dotSize`: Size of each pagination dot. - `onIndexChange`: Callback invoked when the active index changes.

Scan the QR to check the animation on your device.

Install the app:

iOS|Android