{"id":13639520,"url":"https://owlcarousel2.github.io/OwlCarousel2/","last_synced_at":"2025-04-19T22:32:55.746Z","repository":{"id":16038864,"uuid":"18782726","full_name":"OwlCarousel2/OwlCarousel2","owner":"OwlCarousel2","description":"DEPRECATED jQuery Responsive Carousel.","archived":false,"fork":false,"pushed_at":"2024-08-03T17:20:15.000Z","size":2820,"stargazers_count":7913,"open_issues_count":1194,"forks_count":2267,"subscribers_count":276,"default_branch":"develop","last_synced_at":"2024-10-29T11:22:06.212Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://owlcarousel2.github.io/OwlCarousel2/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/OwlCarousel2.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2014-04-15T01:13:48.000Z","updated_at":"2024-10-25T15:32:34.000Z","dependencies_parsed_at":"2023-10-20T23:15:11.497Z","dependency_job_id":null,"html_url":"https://github.com/OwlCarousel2/OwlCarousel2","commit_stats":{"total_commits":398,"total_committers":90,"mean_commits":"4.4222222222222225","dds":0.7663316582914572,"last_synced_commit":"4eedccac4ea061931162a86e3f268332c16a1ad0"},"previous_names":["owlfonk/owlcarousel2","smashingboxes/owlcarousel2"],"tags_count":15,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OwlCarousel2%2FOwlCarousel2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OwlCarousel2%2FOwlCarousel2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OwlCarousel2%2FOwlCarousel2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OwlCarousel2%2FOwlCarousel2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/OwlCarousel2","download_url":"https://codeload.github.com/OwlCarousel2/OwlCarousel2/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223810473,"owners_count":17206776,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-02T01:01:01.717Z","updated_at":"2024-11-09T09:31:07.813Z","avatar_url":"https://github.com/OwlCarousel2.png","language":"JavaScript","funding_links":[],"categories":["Uncategorized","Javascript Animation Libraries","Widgets"],"sub_categories":["Uncategorized"],"readme":"# YEAH SO THIS IS PRETTY MUCH DEAD, DO YOURSELF A FAVOR AND SWITCH TO [tiny-slider](https://github.com/ganlanyuan/tiny-slider)\n\n--------\n\n--------\n\n--------\n\n# Owl Carousel 2\n\nTouch enabled [jQuery](https://jquery.com/) plugin that lets you create a beautiful, responsive carousel slider. **To get started, check out https://owlcarousel2.github.io/OwlCarousel2/.**\n\n**Notice:** The old Owl Carousel site (owlgraphic [dot] com) is no longer in use. Please delete all references to this in bookmarks and your own products' documentation as it's being used for malicious purposes.\n\n## Quick start\n\n### Install\n\nThis package can be installed with:\n\n- [npm](https://www.npmjs.com/package/owl.carousel): `npm install --save owl.carousel` or `yarn add owl.carousel jquery`\n- [bower](http://bower.io/search/?q=owl.carousel): `bower install --save owl.carousel`\n\nOr download the [latest release](https://github.com/OwlCarousel2/OwlCarousel2/releases).\n\n### Load\n\n#### Webpack\n\nAdd jQuery via the \"webpack.ProvidePlugin\" to your webpack configuration:\n    \n    const webpack = require('webpack');\n    \n    //...\n    plugins: [\n        new webpack.ProvidePlugin({\n          $: 'jquery',\n          jQuery: 'jquery',\n          'window.jQuery': 'jquery'\n        }),\n    ],\n    //...\n\nLoad the required stylesheet and JS:\n\n```js\nimport 'owl.carousel/dist/assets/owl.carousel.css';\nimport 'owl.carousel';\n```\n\n#### Static HTML\n\nPut the required stylesheet at the [top](https://developer.yahoo.com/performance/rules.html#css_top) of your markup:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"/node_modules/owl.carousel/dist/assets/owl.carousel.min.css\" /\u003e\n```\n\n```html\n\u003clink rel=\"stylesheet\" href=\"/bower_components/owl.carousel/dist/assets/owl.carousel.min.css\" /\u003e\n```\n\n**NOTE:** If you want to use the default navigation styles, you will also need to include `owl.theme.default.css`.\n\n\nPut the script at the [bottom](https://developer.yahoo.com/performance/rules.html#js_bottom) of your markup right after jQuery:\n\n```html\n\u003cscript src=\"/node_modules/jquery/dist/jquery.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"/node_modules/owl.carousel/dist/owl.carousel.min.js\"\u003e\u003c/script\u003e\n```\n\n```html\n\u003cscript src=\"/bower_components/jquery/dist/jquery.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"/bower_components/owl.carousel/dist/owl.carousel.min.js\"\u003e\u003c/script\u003e\n```\n\n### Usage\n\nWrap your items (`div`, `a`, `img`, `span`, `li` etc.) with a container element (`div`, `ul` etc.). Only the class `owl-carousel` is mandatory to apply proper styles:\n\n```html\n\u003cdiv class=\"owl-carousel owl-theme\"\u003e\n  \u003cdiv\u003e Your Content \u003c/div\u003e\n  \u003cdiv\u003e Your Content \u003c/div\u003e\n  \u003cdiv\u003e Your Content \u003c/div\u003e\n  \u003cdiv\u003e Your Content \u003c/div\u003e\n  \u003cdiv\u003e Your Content \u003c/div\u003e\n  \u003cdiv\u003e Your Content \u003c/div\u003e\n  \u003cdiv\u003e Your Content \u003c/div\u003e\n\u003c/div\u003e\n```\n**NOTE:** The `owl-theme` class is optional, but without it, you will need to style navigation features on your own.\n\n\nCall the [plugin](https://learn.jquery.com/plugins/) function and your carousel is ready.\n\n```javascript\n$(document).ready(function(){\n  $('.owl-carousel').owlCarousel();\n});\n```\n\n## Documentation\n\nThe documentation, included in this repo in the root directory, is built with [Assemble](http://assemble.io/) and publicly available at https://owlcarousel2.github.io/OwlCarousel2/. The documentation may also be run locally.\n\n## Building\n\nThis package comes with [Grunt](http://gruntjs.com/) and [Bower](http://bower.io/). The following tasks are available:\n\n  * `default` compiles the CSS and JS into `/dist` and builds the doc.\n  * `dist` compiles the CSS and JS into `/dist` only.\n  * `watch` watches source files and builds them automatically whenever you save.\n  * `test` runs [JSHint](http://www.jshint.com/) and [QUnit](http://qunitjs.com/) tests headlessly in [PhantomJS](http://phantomjs.org/).\n\nTo define which plugins are build into the distribution just edit `/_config.json` to fit your needs.\n\n## Contributing\n\nPlease read [CONTRIBUTING.md](CONTRIBUTING.md).\n\n## Roadmap\n\nPlease make sure to check out our [Roadmap Discussion](https://github.com/OwlCarousel2/OwlCarousel2/issues/1756).\n\n\n## License\n\nThe code and the documentation are released under the [MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/owlcarousel2.github.io%2FOwlCarousel2%2F","html_url":"https://awesome.ecosyste.ms/projects/owlcarousel2.github.io%2FOwlCarousel2%2F","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/owlcarousel2.github.io%2FOwlCarousel2%2F/lists"}