awesome-repositories.com
Blog
MCP
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
ProiectServer MCPDespreCum realizăm clasamentulPresă
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
surmon-china avatar

surmon-china/vue-awesome-swiperArchived

0
View on GitHub↗
12,790 stele·1,932 fork-uri·JavaScript·MIT·8 vizualizărigithub.surmon.me/vue-awesome-swiper↗

Vue Awesome Swiper

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 for screen reader compatibility.

The library covers broad capability areas including responsive layout management with multi-row grids, diverse navigation controls for keyboard and mousewheel input, and automated transition scheduling. It further includes support for right-to-left orientation and lazy media loading to optimize page load speeds.

Features

  • Content Carousels - Provides a touch-enabled carousel for cycling through content sequences with pagination and navigation.
  • Vue Component Wrappers - Provides a declarative Vue.js component wrapper around the core Swiper JavaScript library.
  • Carousels and Sliders - Acts as a comprehensive tool for rendering swipeable content sliders with responsive breakpoints.
  • Responsive Layout Breakpoints - Renders touch-enabled sliders with responsive breakpoints and adaptable layout modes.
  • Content Sliders - Implements a virtualized slider component that reduces DOM overhead for large content sets.

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
  • CSS Transitions - Uses hardware-accelerated CSS transforms and transitions to implement 3D effects like cube and fade.
  • DOM Virtualization - Implements DOM virtualization by rendering only active and adjacent slides to optimize performance for large datasets.
  • Virtualized List Rendering - Uses virtualization to render only visible slides, ensuring high performance with large datasets.
  • Responsive Sliders - Implements responsive sliders that automatically adjust layouts and multi-row grids based on screen size.
  • Dynamic Image Galleries - Enables the creation of high-performance image galleries with integrated zoom and fade effects.
  • Carousel Transition Effects - Ships predefined 3D and motion-based transition styles like cube, flip, and coverflow.
  • Instance Reference Management - Maintains a reference to the core slider instance to allow imperative method calls without triggering unnecessary re-renders.
  • Configuration Prop Passing - Maps component properties directly to the underlying slider engine configuration during initialization.
  • Accessible Sliders - Includes ARIA roles and focus-scrolling to ensure the carousel is compatible with screen readers.
  • Virtual Grid Renderers - Supports multi-row grid layouts and virtualized lists to optimize rendering for large content sets.
  • Slider Synchronization - Links multiple slider instances so that movement in one automatically controls the others.
  • UI Event Bridge Callbacks - Translates internal library callbacks into Vue component events for parent-level reactivity.
  • Navigation Input Controllers - Enables slide navigation via keyboard keys and mouse wheel with adjustable sensitivity.
  • Parallax Effects - Implements parallax movements and scroll snapping to create visual depth during slide transitions.
  • Slide Navigation Controls - Integrates interactive paging, scrolling, and keyboard controls into the slider interface.
  • Slider Orchestration - Implements custom logic and callbacks for slider initialization, transition starts, and resize events.
  • Automated Slide Rotation - Implements automated slide rotation with configurable delays and interaction-based pause/resume behavior.
  • Slot-Based Content Projection - Uses Vue slots to allow custom HTML and components to be managed by the slider engine.
  • Image Lazy Loading - Increases page load speed by delaying image loading until they enter the viewport.
  • UI Components - Touch-enabled slider and carousel component.
  • UI - Listed in the “UI组件” section of the Awesome Github Vue awesome list.

    • Istoric stele

    Graficul istoricului de stele pentru surmon-china/vue-awesome-swiperGraficul istoricului de stele pentru surmon-china/vue-awesome-swiper

    Alternative open-source pentru Vue Awesome Swiper

    Proiecte open-source similare, clasificate după numărul de funcționalități comune cu Vue Awesome Swiper.
    • meliorence/react-native-snap-carouselAvatar meliorence

      meliorence/react-native-snap-carousel

      10,519Vezi pe GitHub↗

      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. Capab

      JavaScriptadvanced-effectscarouselflatlist-based
      Vezi pe GitHub↗10,519
    • ganlanyuan/tiny-sliderAvatar ganlanyuan

      ganlanyuan/tiny-slider

      5,333Vezi pe GitHub↗

      Tiny-slider is a vanilla JavaScript carousel library used to create touch-enabled content sliders and accessible UI components without external dependencies. It functions as a responsive layout engine that adjusts slide visibility and dimensions based on viewport breakpoints. The library distinguishes itself through built-in lazy loading for images and media to improve page performance and a responsive system that automatically scales item counts and spacing according to the device screen size. It also supports nested slider instances, allowing for the creation of multi-directional scrolling

      HTMLcarouselslider
      Vezi pe GitHub↗5,333
    • 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
    • woocommerce/flexsliderAvatar woocommerce

      woocommerce/FlexSlider

      4,865Vezi pe GitHub↗

      FlexSlider is a jQuery image slider plugin used to create responsive content carousels and multi-item image sliders. It enables the construction of sequential galleries for images and video content that automatically adjust layout and visibility based on screen size and orientation. The system supports synchronized slider layouts, allowing multiple slider instances to be linked so they share animation, play, and pause states. It also provides support for right-to-left layouts and customizable animation directions. The plugin covers interactive content navigation through touch swipes, keyboar

      JavaScript
      Vezi pe GitHub↗4,865
    Vezi toate cele 30 alternative pentru Vue Awesome Swiper→

    Întrebări frecvente

    Ce face surmon-china/vue-awesome-swiper?

    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.

    Care sunt principalele funcționalități ale surmon-china/vue-awesome-swiper?

    Principalele funcționalități ale surmon-china/vue-awesome-swiper sunt: Content Carousels, Vue Component Wrappers, Carousels and Sliders, Responsive Layout Breakpoints, Content Sliders, CSS Transitions, DOM Virtualization, Virtualized List Rendering.

    Care sunt câteva alternative open-source pentru surmon-china/vue-awesome-swiper?

    Alternativele open-source pentru surmon-china/vue-awesome-swiper includ: meliorence/react-native-snap-carousel — This project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It… ganlanyuan/tiny-slider — Tiny-slider is a vanilla JavaScript carousel library used to create touch-enabled content sliders and accessible UI… glidejs/glide — Glide is a dependency-free ES6 JavaScript library used to create responsive content sliders and carousels. It… woocommerce/flexslider — FlexSlider is a jQuery image slider plugin used to create responsive content carousels and multi-item image sliders.… owlcarousel2/owlcarousel2 — OwlCarousel2 is a touch-enabled jQuery plugin used to create responsive content sliders and carousels. It allows for… jedrzejchalubek/glidejs — Glidejs is a lightweight, dependency-free JavaScript library for creating sliders and carousels. It functions as a…