# owlcarousel2/owlcarousel2

**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/owlcarousel2-owlcarousel2).**

7,923 stars · 2,217 forks · JavaScript · NOASSERTION

## Links

- GitHub: https://github.com/OwlCarousel2/OwlCarousel2
- awesome-repositories: https://awesome-repositories.com/repository/owlcarousel2-owlcarousel2.md

## Description

OwlCarousel2 is a touch-enabled jQuery plugin used to create responsive content sliders and carousels. It allows for the creation of image sliders and content collections that adjust the number of visible items based on screen size breakpoints.

The project utilizes a modular architecture, enabling the addition or removal of specific functional modules to modify behavior and reduce the final JavaScript bundle size. It provides native support for navigation through touch-screen swiping and mouse-based dragging.

## Tags

### Web Development

- [jQuery Plugins](https://awesome-repositories.com/f/web-development/jquery-plugins.md) — Ships as a jQuery plugin that extends the library to add interactive carousel behaviors to DOM elements.
- [Carousel Slider Plugins](https://awesome-repositories.com/f/web-development/carousel-slider-plugins.md) — Provides a touch-enabled jQuery plugin for creating responsive sliders and carousels.
- [Modular Plugin Architectures](https://awesome-repositories.com/f/web-development/jquery-plugins/modular-plugin-architectures.md) — Offers a customizable jQuery tool where functional modules can be added or removed to reduce bundle size.

### Part of an Awesome List

- [Responsive Layout Breakpoints](https://awesome-repositories.com/f/awesome-lists/devtools/carousels-and-sliders/custom-carousel-rendering/responsive-layout-breakpoints.md) — Provides a configuration system to adjust the number of visible items based on screen width breakpoints.
- [Data Visualization](https://awesome-repositories.com/f/awesome-lists/data/data-visualization.md) — Responsive carousel slider component.

### Software Engineering & Architecture

- [Modular Feature Architectures](https://awesome-repositories.com/f/software-engineering-architecture/modular-feature-architectures.md) — Features a modular architecture allowing functional logic to be included or excluded to optimize bundle size.

### User Interface & Experience

- [Carousel Layout Configurations](https://awesome-repositories.com/f/user-interface-experience/carousels/carousel-layout-configurations.md) — Provides configuration for the number of visible slides and item spacing across different devices. ([source](https://github.com/owlcarousel2/owlcarousel2#readme))
- [Modular Feature Toggles](https://awesome-repositories.com/f/user-interface-experience/carousels/carousel-layout-configurations/modular-feature-toggles.md) — Allows adding or removing specific functional modules to modify behavior and optimize the final JavaScript bundle size. ([source](http://owlcarousel2.github.io/OwlCarousel2/))
- [Content Carousels](https://awesome-repositories.com/f/user-interface-experience/content-display-components/content-carousels.md) — Provides interactive components that cycle through a series of content elements in a slider format.
- [Content Sliders](https://awesome-repositories.com/f/user-interface-experience/content-sliders.md) — Provides UI components for sliding sequences of content that adjust based on screen breakpoints.
- [Touch Navigation Interfaces](https://awesome-repositories.com/f/user-interface-experience/navigation-components/touch-navigation-interfaces.md) — Implements gesture-based navigation including swiping for touch screens and dragging for mouse users. ([source](http://owlcarousel2.github.io/OwlCarousel2/))
- [Responsive Sliders](https://awesome-repositories.com/f/user-interface-experience/responsive-images/responsive-sliders.md) — Provides touch-enabled sliding galleries that automatically adjust their layout based on screen size. ([source](https://owlcarousel2.github.io/OwlCarousel2/](https://owlcarousel2.github.io/OwlCarousel2/))
- [Touch-Enabled Carousels](https://awesome-repositories.com/f/user-interface-experience/touch-enabled-carousels.md) — Implements a carousel interface with native support for swiping on touch screens and dragging via mouse.
- [Touch Coordinate Deltas](https://awesome-repositories.com/f/user-interface-experience/touch-coordinate-deltas.md) — Calculates the distance between touch start and end points to trigger slide transitions.