awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
meliorence avatar

meliorence/react-native-snap-carousel

0
View on GitHub↗
10,519 stele·2,281 fork-uri·JavaScript·BSD-3-Clause·5 vizualizări

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.

Istoric stele

Graficul istoricului de stele pentru meliorence/react-native-snap-carouselGraficul istoricului de stele pentru meliorence/react-native-snap-carousel

Căutare AI

Explorează mai multe repository-uri excelente

Descrie ce ai nevoie în limbaj simplu — AI-ul sortează mii de proiecte open source selectate în funcție de relevanță.

Start searching with AI

Alternative open-source pentru React Native Snap Carousel

Proiecte open-source similare, clasificate după numărul de funcționalități comune cu React Native Snap Carousel.
  • surmon-china/vue-awesome-swiperAvatar surmon-china

    surmon-china/vue-awesome-swiper

    12,790Vezi pe 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
    Vezi pe GitHub↗12,790
  • glidejs/glideAvatar glidejs

    glidejs/glide

    7,668Vezi pe 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
    Vezi pe GitHub↗7,668
  • nicklockwood/icarouselAvatar nicklockwood

    nicklockwood/iCarousel

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

    archriss/react-native-snap-carousel

    10,520Vezi pe 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
    Vezi pe GitHub↗10,520
Vezi toate cele 30 alternative pentru React Native Snap Carousel→

Întrebări frecvente

Ce face 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.

Care sunt principalele funcționalități ale meliorence/react-native-snap-carousel?

Principalele funcționalități ale meliorence/react-native-snap-carousel sunt: React Native Components, Carousel Components, Content Carousels, Carousels and Sliders, Mobile Navigation UX Enhancements, Native Thread Animation Engines, Carousel Layout Configurations, Virtualized List Rendering.

Care sunt câteva alternative open-source pentru meliorence/react-native-snap-carousel?

Alternativele open-source pentru meliorence/react-native-snap-carousel includ: 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…