PHPackages                             jcvb/owlcarousel - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. jcvb/owlcarousel

ActiveLibrary[Utility & Helpers](/categories/utility)

jcvb/owlcarousel
================

carousel for slides

072HTML

Since Oct 31Pushed 10y ago1 watchersCompare

[ Source](https://github.com/jcvb/OwlCarousel)[ Packagist](https://packagist.org/packages/jcvb/owlcarousel)[ RSS](/packages/jcvb-owlcarousel/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

\##New version 2.0.0-beta now available for testers. [Check it](http://www.owlgraphic.com/owlcarousel2/)

### OwlCarousel

[](#owlcarousel)

> v.1.3.3

Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider. [Visit Owl Carousel landing page](http://owlgraphic.com/owlcarousel)

\###Features:

- Responsive
- Touch Events
- Mouse Slide Events
- Fully Customizable
- Choose the number of items to be displayed
- Multiple Sliders
- CSS3 3d Transitions
- Custimizable controls
- JSON
- Custom events
- Helpful callbacks

> Tested on IE7, IE8, IE9, IE10, Chrome, Safari, Firefox, Opera, iPhone, iPad, Chrome on Google Nexus.

### More Demos

[](#more-demos)

See what Owl can do:

- [With auto scaling images](http://owlgraphic.com/owlcarousel/demos/images.html)
- [Full Width](http://owlgraphic.com/owlcarousel/demos/full.html)
- [Custom Widths](http://owlgraphic.com/owlcarousel/demos/custom.html)
- [One Item](http://owlgraphic.com/owlcarousel/demos/one.html)
- [More demos](http://owlgraphic.com/owlcarousel/#more-demos)

### 1.Getting Started

[](#1getting-started)

Load jQuery(1.7+) and include Owl Carousel plugin files

```

```

### 2.Set up your HTML

[](#2set-up-your-html)

You don't need any special markup. All you need is to wrap your divs inside the container element

. Class "owl-carousel" is mandatory to apply proper styles that come from owl.carousel.css file.```

   Your Content
   Your Content
   Your Content
   Your Content
   Your Content
   Your Content
   Your Content
  ...

```

### 3.Call the plugin

[](#3call-the-plugin)

Now call the Owl initializer function and your carousel is ready.

```
$(".owl-carousel").owlCarousel();
```

### 4. For more details visit [OwlCarousel landing page](http://owlgraphic.com/owlcarousel)

[](#4-for-more-details-visit-owlcarousel-landing-page)

##### Changelog available [here](http://owlgraphic.com/owlcarousel/changelog.html)

[](#changelog-available-here)

License
-------

[](#license)

The MIT License (MIT)

###  Health Score

22

—

LowBetter than 22% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community15

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 89.8% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/b6c668c71cb53e95ffb544d47032897db807eb26f78f37fd96e188cac872fb71?d=identicon)[jcvb](/maintainers/jcvb)

---

Top Contributors

[![hellobart](https://avatars.githubusercontent.com/u/32734780?v=4)](https://github.com/hellobart "hellobart (97 commits)")[![acrogenesis](https://avatars.githubusercontent.com/u/1312687?v=4)](https://github.com/acrogenesis "acrogenesis (2 commits)")[![seanjacob](https://avatars.githubusercontent.com/u/873484?v=4)](https://github.com/seanjacob "seanjacob (2 commits)")[![aghouseh](https://avatars.githubusercontent.com/u/967344?v=4)](https://github.com/aghouseh "aghouseh (1 commits)")[![davidmcooper](https://avatars.githubusercontent.com/u/867436?v=4)](https://github.com/davidmcooper "davidmcooper (1 commits)")[![acemir](https://avatars.githubusercontent.com/u/1908061?v=4)](https://github.com/acemir "acemir (1 commits)")[![jcvb](https://avatars.githubusercontent.com/u/1750667?v=4)](https://github.com/jcvb "jcvb (1 commits)")[![joshribakoff](https://avatars.githubusercontent.com/u/4021306?v=4)](https://github.com/joshribakoff "joshribakoff (1 commits)")[![nchankov](https://avatars.githubusercontent.com/u/187725?v=4)](https://github.com/nchankov "nchankov (1 commits)")[![AaronLayton](https://avatars.githubusercontent.com/u/694964?v=4)](https://github.com/AaronLayton "AaronLayton (1 commits)")

### Embed Badge

![Health badge](/badges/jcvb-owlcarousel/health.svg)

```
[![Health](https://phpackages.com/badges/jcvb-owlcarousel/health.svg)](https://phpackages.com/packages/jcvb-owlcarousel)
```

###  Alternatives

[fedemotta/yii2-widget-datatables

DataTables widget for Yii2

34179.4k1](/packages/fedemotta-yii2-widget-datatables)[jenner/array_group_by

like mysql group by

438.0k](/packages/jenner-array-group-by)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)