awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 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·5 vues

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.

Recherche par IA

Explorez plus de dépôts awesome

Décrivez vos besoins en langage naturel — l'IA classe des milliers de projets open source sélectionnés par pertinence.

Start searching with AI
  • 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.

    • Historique des stars

    Graphique de l'historique des stars pour meliorence/react-native-snap-carouselGraphique de l'historique des stars pour meliorence/react-native-snap-carousel

    Alternatives open source à React Native Snap Carousel

    Projets open source similaires, classés selon le nombre de fonctionnalités partagées avec React Native Snap Carousel.
    • surmon-china/vue-awesome-swiperAvatar de surmon-china

      surmon-china/vue-awesome-swiper

      12,790Voir sur 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
      Voir sur GitHub↗12,790
    • glidejs/glideAvatar de glidejs

      glidejs/glide

      7,668Voir sur 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
      Voir sur GitHub↗7,668
    • nicklockwood/icarouselAvatar de nicklockwood

      nicklockwood/iCarousel

      12,129Voir sur 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
      Voir sur GitHub↗12,129
    • archriss/react-native-snap-carouselAvatar de archriss

      archriss/react-native-snap-carousel

      10,520Voir sur 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
      Voir sur GitHub↗10,520
    Voir les 30 alternatives à React Native Snap Carousel→

    Questions fréquentes

    Que fait meliorence/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.

    Quelles sont les fonctionnalités principales de meliorence/react-native-snap-carousel ?

    Les fonctionnalités principales de meliorence/react-native-snap-carousel sont : React Native Components, Carousel Components, Content Carousels, Carousels and Sliders, Mobile Navigation UX Enhancements, Native Thread Animation Engines, Carousel Layout Configurations, Virtualized List Rendering.

    Quelles sont les alternatives open-source à meliorence/react-native-snap-carousel ?

    Les alternatives open-source à meliorence/react-native-snap-carousel incluent : 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…