awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
meliorence avatar

meliorence/react-native-snap-carousel

0
View on GitHub↗
10,519 stars·2,281 forks·JavaScript·BSD-3-Clause·9 views

React Native Snap Carousel

This project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It functions as a virtualized list component that maintains performance by removing off-screen elements and utilizes a native-driver animation library to map scroll offsets to style properties on the native thread for lag-free transitions.

The library provides a parallax image gallery capable of shifting images relative to scroll progress to create a sense of depth. It also features a layout system that supports right-to-left orientations for languages such as Arabic and Hebrew.

Capability areas include the implementation of infinite looping, programmatic slide navigation, and custom layout patterns like card stacks or tinder-style interfaces. The component supports both horizontal and vertical orientations, pagination indicators, and configurable snap behavior.

Features

  • React Native Components - Provides a specialized swipeable carousel component for React Native mobile applications.
  • Carousel Components - Implements UI elements for cycling through sets of content or images within a single container.
  • Content Carousels - Provides a comprehensive swipeable content carousel component for mobile applications.
  • Carousels and Sliders - Ships a swipeable content slider for mobile apps with support for custom layouts.
  • Mobile Navigation UX Enhancements - Provides advanced mobile navigation patterns including card stacks and tinder-style swipe interfaces.
  • Native Thread Animation Engines - Offloads animation logic and property updates to the native UI thread to ensure jank-free visual transitions.
  • Carousel Layout Configurations - Offers configurable layout options for orientation, item spacing, and stacking patterns.
  • Virtualized List Rendering - Employs virtualized list rendering to maintain performance by removing off-screen elements.
  • High-Performance Rendering - Uses optimized rendering techniques like removing off-screen subviews to minimize overhead and maintain frame rates.
  • Infinite Looping Carousels - Wraps the item list so scrolling past the last item returns the user to the beginning.
  • Looping Content Carousels - Provides components that wrap back to the first element after the last is reached for continuous browsing.
  • Native Animation Drivers - Utilizes native animation drivers to map scroll offsets to styles for lag-free transitions.
  • Parallax Image Sliders - Implements a parallax image gallery that shifts image positions relative to scroll progress for depth.
  • Carousel Navigation APIs - Includes programmatic APIs to navigate to specific slides or move to the next/previous item.
  • Imperative Scroll Controllers - Provides imperative controllers to programmatically move the scroll viewport to specific indices or offsets.
  • Scroll Snapping - Aligns the interface to the center of the nearest item when the user releases their touch.
  • Scrolling Carousels - Provides a container for item collections with tracking of the active index and scroll position.
  • Slide Navigation Logic - Implements controls governing the progression of slides, including programmatic movement and index retrieval.
  • View-to-Data Mappings - Provides mechanisms for linking visual UI components to their corresponding data indices in a collection.
  • Infinite Loop Wrapping - Implements circular index wrapping to enable infinite looping of carousel content.
  • Dynamic Image Galleries - Implements a high-performance image browser with parallax depth effects and pagination.
  • Slide Transformation Controls - Controls the scale, opacity, and translation of inactive slides using spring or decay animation types.
  • Layout Interpolators - Allows defining custom layout interpolations to map scroll progress to specific item style changes.
  • Carousel Transition Effects - Provides specialized visual animation styles and stacking patterns for transitioning between items.
  • Position Indicators - Displays position indicators that communicate the current index within the rotating content set.
  • Right-To-Left Support - Provides styling rules and components that adjust visual flow and alignment for right-to-left languages.
  • Offset Calculators - Calculates item offsets relative to scroll position to drive dynamic visual transformations.
  • Scroll Snapping Configurations - Implements configurable snap behavior to determine how slides align after a scroll gesture.
  • Layout Templates - Offers predefined layout templates for positioning items as cards or tinder-style stacks.
  • Predefined Visual Layouts - Renders items using predefined visual styles such as card stacks or tinder interfaces.
  • Pagination Indicators - Includes visual pagination indicators that track the current item position relative to the total count.
  • Parallax Effects - Implements techniques for creating depth and motion through scroll-based visual effects.
  • Scroll-Driven Transitions - Calculates dynamic styles based on scroll position to create fluid visual transitions.
  • Pagination Indicators - Ships visual markers that show the current page position and total count within a paginated layout.
  • Scroll-Based Style Interpolations - Allows mapping the current scroll position to specific style changes for items moving through the interface.
  • Scroll Event Controllers - Monitors scroll events to synchronize the active item index and trigger pagination callbacks.
  • Scroll Behavior Control - Configures scroll behavior, including momentum and snapping precision, for a refined touch experience.
  • Automated Slide Rotation - Supports automated slide rotation with programmatic controls to start, stop, or resume playback.
  • Variable Slide Sizing - Allows defining custom widths and heights for individual slides to create various layout styles.
  • Vertical Orientation Support - Configures the swiper to move items up and down instead of left and right.

Star history

Star history chart for meliorence/react-native-snap-carouselStar history chart for meliorence/react-native-snap-carousel

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to React Native Snap Carousel

Similar open-source projects, ranked by how many features they share with React Native Snap Carousel.
  • surmon-china/vue-awesome-swipersurmon-china avatar

    surmon-china/vue-awesome-swiper

    12,790View on GitHub↗

    vue-awesome-swiper is a Vue.js component wrapper for the Swiper library, providing a declarative interface for creating touch-enabled carousels. It serves as a virtualized slider component that can render only visible slides to maintain performance when handling large datasets. The project distinguishes itself through high-performance rendering and a wide array of visual effects, including 3D transitions, parallax movements, and image zoom capabilities. It also supports the synchronization of multiple slider instances and provides accessibility features such as ARIA roles and focus-scrolling

    JavaScriptcarouselcarrouselnuxtjs
    View on GitHub↗12,790
  • glidejs/glideglidejs avatar

    glidejs/glide

    7,668View on GitHub↗

    Glide is a dependency-free ES6 JavaScript library used to create responsive content sliders and carousels. It functions as a modular framework for implementing sliding content areas that adapt their layout and settings based on browser window breakpoints. The library is distinguished by a modular architecture that allows the inclusion of only necessary logic to reduce final bundle size. It separates core structural styles from thematic visual styles and utilizes a plugin system to extend the base slider functionality and lifecycle hooks. The component covers a range of interaction and naviga

    JavaScriptcarouseldependency-freees6
    View on GitHub↗7,668
  • nicklockwood/icarouselnicklockwood avatar

    nicklockwood/iCarousel

    12,129View on GitHub↗

    iCarousel is a data-driven UI library for macOS and iOS used to build interactive three-dimensional scrolling experiences. It functions as a customizable view controller that renders paged content using cylindrical or cover-flow 3D effects. The component is distinguished by its programmable perspective and visual transformation hooks, which allow for the definition of custom 3D styles and bespoke animation effects. Users can adjust viewpoint distance, alpha fading, and foreshortening to control how the vanishing point and depth appear during navigation. The library manages high-performance v

    Objective-C
    View on GitHub↗12,129
  • archriss/react-native-snap-carouselarchriss avatar

    archriss/react-native-snap-carousel

    10,520View on GitHub↗

    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 curren

    JavaScript
    View on GitHub↗10,520
See all 30 alternatives to React Native Snap Carousel→

Frequently asked questions

What does meliorence/react-native-snap-carousel do?

This project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It functions as a virtualized list component that maintains performance by removing off-screen elements and utilizes a native-driver animation library to map scroll offsets to style properties on the native thread for lag-free transitions.

What are the main features of meliorence/react-native-snap-carousel?

The main features of meliorence/react-native-snap-carousel are: React Native Components, Carousel Components, Content Carousels, Carousels and Sliders, Mobile Navigation UX Enhancements, Native Thread Animation Engines, Carousel Layout Configurations, Virtualized List Rendering.

What are some open-source alternatives to meliorence/react-native-snap-carousel?

Open-source alternatives to meliorence/react-native-snap-carousel include: surmon-china/vue-awesome-swiper — vue-awesome-swiper is a Vue.js component wrapper for the Swiper library, providing a declarative interface for… glidejs/glide — Glide is a dependency-free ES6 JavaScript library used to create responsive content sliders and carousels. It… nicklockwood/icarousel — iCarousel is a data-driven UI library for macOS and iOS used to build interactive three-dimensional scrolling… archriss/react-native-snap-carousel — This project is a mobile UI component library providing a cross-platform carousel component for sliding images and… leecade/react-native-swiper — react-native-swiper is a cross-platform mobile carousel component that provides a swipeable interface for cycling… splidejs/splide — Splide is a framework-agnostic TypeScript library for creating accessible, touch-enabled content carousels and image…