# archriss/react-native-snap-carousel

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/archriss-react-native-snap-carousel).**

10,520 stars · 2,281 forks · JavaScript · BSD-3-Clause

## Links

- GitHub: https://github.com/archriss/react-native-snap-carousel
- awesome-repositories: https://awesome-repositories.com/repository/archriss-react-native-snap-carousel.md

## Description

This project is a mobile UI component library providing a cross-platform carousel component for sliding images and content. It functions as a touch-based swiper interface that allows users to browse lists of items through swipe gestures.

The library includes a specialized parallax image slider that shifts background images at different speeds to create a sense of depth. It provides a swiping interface component capable of handling large lists of items across both horizontal and vertical orientations.

The toolset covers carousel layout management, position indicators to communicate the current location within a set of items, and parallax image effects. It utilizes item virtualization to render large datasets and employs interpolation-based motion for visual transitions.

## Tags

### User Interface & Experience

- [Carousel Components](https://awesome-repositories.com/f/user-interface-experience/carousel-components.md) — Provides a cross-platform carousel component for cycling through sets of content or images. ([source](https://github.com/archriss/react-native-snap-carousel#readme))
- [Layout Management Systems](https://awesome-repositories.com/f/user-interface-experience/carousels/layout-management-systems.md) — Provides a system for organizing carousel items using predefined styles and custom motion logic. ([source](https://github.com/archriss/react-native-snap-carousel#readme))
- [Mobile Component Libraries](https://awesome-repositories.com/f/user-interface-experience/mobile-component-libraries.md) — Ships a library of reusable interface elements optimized for touch interactions and mobile layouts.
- [Parallax Image Sliders](https://awesome-repositories.com/f/user-interface-experience/parallax-containers/parallax-image-sliders.md) — Implements a specialized parallax image slider that creates depth by shifting background images at varying speeds.
- [Parallax Effects](https://awesome-repositories.com/f/user-interface-experience/parallax-effects.md) — Implements parallax effects that shift images at different speeds to create a sense of depth. ([source](https://github.com/archriss/react-native-snap-carousel#readme))
- [Virtualized Lists](https://awesome-repositories.com/f/user-interface-experience/virtualized-lists.md) — Implements virtualized list rendering to handle large datasets efficiently without memory overhead.
- [Position Indicators](https://awesome-repositories.com/f/user-interface-experience/carousels/position-indicators.md) — Ships a visual position indicator to communicate the user's current location within the carousel. ([source](https://github.com/archriss/react-native-snap-carousel#readme))
- [Style Interpolators](https://awesome-repositories.com/f/user-interface-experience/coordinate-normalization/normal-interpolation/vector-interpolators/style-interpolators.md) — Calculates smooth visual transitions by interpolating style properties based on the scroll offset.
- [Snapping Content Navigation](https://awesome-repositories.com/f/user-interface-experience/horizontal-arrangements/snapping-content-navigation.md) — Develops scrollable item lists with snapping behavior for efficient horizontal content navigation.
- [Media Galleries](https://awesome-repositories.com/f/user-interface-experience/media-galleries.md) — Implements navigable media galleries supporting parallax effects and visual previews.
- [Touch Navigation Interfaces](https://awesome-repositories.com/f/user-interface-experience/navigation-components/touch-navigation-interfaces.md) — Provides a touch-based interface supporting swipe-to-advance functionality for browsing large lists.

### Mobile Development

- [React Native Components](https://awesome-repositories.com/f/mobile-development/react-native-ecosystem/react-native-components.md) — Provides specialized UI components designed for React Native mobile application development.

### Software Engineering & Architecture

- [Mobile UI Frame Rate Optimization](https://awesome-repositories.com/f/software-engineering-architecture/performance-reliability/performance-optimization/data-handling-throughput/large-dataset-optimizations/high-frame-rate-rendering/mobile-ui-frame-rate-optimization.md) — Optimizes mobile UI frame rates to ensure smooth responsiveness when rendering large swipable lists.
- [Scroll-Driven Visual Transformations](https://awesome-repositories.com/f/software-engineering-architecture/scroll-position-event-triggers/scroll-driven-visual-transformations.md) — Triggers real-time visual transformations of carousel items by listening to native scroll events.

### Part of an Awesome List

- [UI Components](https://awesome-repositories.com/f/awesome-lists/devtools/ui-components.md) — Advanced swiper with parallax and performant list handling.