PHPackages diecoding/yii2-slick - 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. diecoding/yii2-slick ActiveLibrary[Utility & Helpers](/categories/utility) diecoding/yii2-slick ==================== The last carousel you'll ever need for Yii2 v1.0.3(3y ago)2786↓39.3%1MITPHPPHP >=7.4.0 Since Mar 30Pushed 3y ago1 watchersCompare [ Source](https://github.com/wanforge/yii2-slick)[ Packagist](https://packagist.org/packages/diecoding/yii2-slick)[ GitHub Sponsors](https://github.com/sugeng-sulistiyawan)[ RSS](/packages/diecoding-yii2-slick/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (4)Dependencies (3)Versions (5)Used By (0) Yii2 Slick ========== [](#yii2-slick) The last carousel you'll ever need for Yii2 [![Latest Stable Version](https://camo.githubusercontent.com/10561a78927b366decdb4be76c3c3bc0c5f84caafcea38b73bc940ab968cbd19/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f646965636f64696e672f796969322d736c69636b3f6c6162656c3d737461626c65)](https://packagist.org/packages/diecoding/yii2-slick)[![Total Downloads](https://camo.githubusercontent.com/1c6c760dbce3ab3d7ff5a180987bfb7c671dcab1084c149ee786fe6092bb15cf/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f646965636f64696e672f796969322d736c69636b)](https://packagist.org/packages/diecoding/yii2-slick)[![Latest Stable Release Date](https://camo.githubusercontent.com/f6d465dc89ba0bbdfd5ce54f2f36b928ac0191510aa374cad7b186d7a7cb3344/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652d646174652f737567656e672d73756c69737469796177616e2f796969322d736c69636b)](https://github.com/sugeng-sulistiyawan/yii2-slick)[![Quality Score](https://camo.githubusercontent.com/96573afdc37fff1a85366ec2c183eb3641db950ea0ac493a9d29d7299bd59bec/68747470733a2f2f696d672e736869656c64732e696f2f7363727574696e697a65722f7175616c6974792f672f737567656e672d73756c69737469796177616e2f796969322d736c69636b)](https://scrutinizer-ci.com/g/sugeng-sulistiyawan/yii2-slick)[![Build Status](https://camo.githubusercontent.com/b0626acf6dcdee134d4d1429fc9c9f9d63424392eb74f1c727140e34bd1323b1/68747470733a2f2f696d672e736869656c64732e696f2f7472617669732f636f6d2f737567656e672d73756c69737469796177616e2f796969322d736c69636b)](https://app.travis-ci.com/sugeng-sulistiyawan/yii2-slick)[![License](https://camo.githubusercontent.com/264d479fffd355195a1ac776d2a3ef32a4e98c11bb85dd666d1fa831ce8f7da9/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f737567656e672d73756c69737469796177616e2f796969322d736c69636b)](https://github.com/sugeng-sulistiyawan/yii2-slick)[![PHP Version Require](https://camo.githubusercontent.com/d67df5917b0dd036b4a545582e705f4e1cb57a30f780c50350a1c87fe90443af/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f646570656e64656e63792d762f646965636f64696e672f796969322d736c69636b2f7068703f636f6c6f723d366637336136)](https://packagist.org/packages/diecoding/yii2-slick) > Yii2 Slick uses [Slick](https://github.com/kenwheeler/slick) > Demo: Table of Contents ----------------- [](#table-of-contents) - [Yii2 Slick](#yii2-slick) - [Table of Contents](#table-of-contents) - [Instalation](#instalation) - [Dependencies](#dependencies) - [Usage](#usage) Instalation ----------- [](#instalation) Package is available on [Packagist](https://packagist.org/packages/diecoding/yii2-slick), you can install it using [Composer](https://getcomposer.org). ``` composer require diecoding/yii2-slick "^1.0" ``` or add to the require section of your `composer.json` file. ``` "diecoding/yii2-slick": "^1.0" ``` Dependencies ------------ [](#dependencies) - PHP 7.4+ - [yiisoft/yii2](https://github.com/yiisoft/yii2) - [npm-asset/slick-carousel](https://asset-packagist.org/package/npm-asset/slick-carousel) Usage ----- [](#usage) > Read more demo or settings at ``` use diecoding\slick\SlickCarousel; echo SlickCarousel::widget([ 'items' => [ // (array) widget elements for the carousel // HTML content '1', '2', '3', '4', '5', '6', ], 'containerOptions' => [], // (array) HTML attributes to render on the container 'containerTag' => 'div', // (string) HTML tag to render the container 'itemOptions' => [], // (array) HTML attributes for the one item 'itemTag' => 'div', // (string) HTML tag to render items for the carousel 'skipCoreAssets' => false, // (bool) default `false`, `true` if use custom or external slick assets 'pluginOptions' => [ // (array) default `[]`, for option `$(#options['id']).slick(pluginOptions);` // @see https://github.com/kenwheeler/slick/#settings // 'accessibility' => true, // boolean, default `true` // 'adaptiveHeight' => false, // boolean, default `false` // 'appendArrows' => $(element), // string, default `$(element)` // 'appendDots' => $(element), // string, default `$(element)` // 'arrows' => true, // boolean, default `true` // 'asNavFor' => $(element), // string, default `$(element)` // 'autoplay' => false, // boolean, default `false` // 'autoplaySpeed' => 3000, // int, default `3000` // 'centerMode' => false, // boolean, default `false` // 'centerPadding' => '50px', // string, default `'50px'` // 'cssEase' => 'ease', // string, default `'ease'` // 'customPaging' => n/a, // function, default `n/a` // 'dots' => false, // boolean, default `false` // 'dotsClass' => 'slick-dots', // string, default `'slick-dots'` // 'draggable' => true, // boolean, default `true` // 'easing' => 'linear', // string, default `'linear'` // 'edgeFriction' => 0.15, // integer, default `0.15` // 'fade' => false, // boolean, default `false` // 'focusOnSelect' => false, // boolean, default `false` // 'focusOnChange' => false, // boolean, default `false` // 'infinite' => true, // boolean, default `true` // 'initialSlide' => 0, // integer, default `0` // 'lazyLoad' => 'ondemand', // string, default `'ondemand'` // 'mobileFirst' => false, // boolean, default `false` // 'nextArrow' => next, // string (html | jQuery selector) | object (DOM node | jQuery object), default `next` // 'pauseOnDotsHover' => false, // boolean, default `false` // 'pauseOnFocus' => true, // boolean, default `true` // 'pauseOnHover' => true, // boolean, default `true` // 'prevArrow' => previous, // string (html | jQuery selector) | object (DOM node | jQuery object), default `previous` // 'respondTo' => 'window', // string, default `'window'` // 'responsive' => null, // array, default `null` // 'rows' => 1, // int, default `1` // 'rtl' => false, // boolean, default `false` // 'slide' => '', // string, default `''` // 'slidesPerRow' => 1, // int, default `1` // 'slidesToScroll' => 1, // int, default `1` // 'slidesToShow' => 1, // int, default `1` // 'speed' => 300, // int, default `300` // 'swipe' => true, // boolean, default `true` // 'swipeToSlide' => false, // boolean, default `false` // 'touchMove' => true, // boolean, default `true` // 'touchThreshold' => 5, // int, default `5` // 'useCSS' => true, // boolean, default `true` // 'useTransform' => true, // boolean, default `true` // 'variableWidth' => false, // boolean, default `false` // 'vertical' => false, // boolean, default `false` // 'verticalSwiping' => false, // boolean, default `false` // 'waitForAnimate' => true, // boolean, default `true` // 'zIndex' => 1000, // number, default `1000` ], 'pluginEvents' => [ // array default `[]`, JQuery events // @see https://github.com/kenwheeler/slick/#events // 'afterChange' => 'function(event, slick, currentSlide) { // console.log("After slide change callback"); // }', // 'beforeChange' => 'function(event, slick, currentSlide, nextSlide) { // console.log("Before slide change callback"); // }', // 'breakpoint' => 'function(event, slick, breakpoint) { // console.log("Fires after a breakpoint is hit"); // }', // 'destroy' => 'function(event, slick) { // console.log("When slider is destroyed, or unslicked."); // }', // 'edge' => 'function(event, slick, direction) { // console.log("Fires when an edge is overscrolled in non-infinite mode."); // }', // 'init' => 'function(event, slick) { // console.log("When Slick initializes for the first time callback. Note that this event should be defined before initializing the slider."); // }', // 'reInit' => 'function(event, slick) { // console.log("Every time Slick (re-)initializes callback"); // }', // 'setPosition' => 'function(event, slick) { // console.log("Every time Slick recalculates position"); // }', // 'swipe' => 'function(event, slick, direction) { // console.log("Fires after swipe/drag"); // }', // 'lazyLoaded' => 'function(event, slick, image, imageSource) { // console.log("Fires after image loads lazily"); // }', // 'lazyLoadError' => 'function(event, slick, image, imageSource) { // console.log("Fires after image fails to load"); // }', ], ]); ``` --- Read more docs: ### Health Score 27 — LowBetter than 49% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity22 Limited adoption so far Community8 Small or concentrated contributor base Maturity48 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% 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. ### Release Activity Cadence Every ~9 days Total 4 Last Release 1117d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/a5fa8faeecf1f3d0da2d981ae5e4238e1590a7897b14b890663a0c49ef03e87a?d=identicon)[diecoding](/maintainers/diecoding) --- Top Contributors [![wanforge](https://avatars.githubusercontent.com/u/16300077?v=4)](https://github.com/wanforge "wanforge (16 commits)") --- Tags carouselslick-carouselwidgetyii2yii2-extensionjqueryyii2widgetcarouselslick ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/diecoding-yii2-slick/health.svg) ``` [![Health](https://phpackages.com/badges/diecoding-yii2-slick/health.svg)](https://phpackages.com/packages/diecoding-yii2-slick) ``` ### Alternatives [kartik-v/yii2-sortable Create sortable lists and grids using HTML5 drag and drop API for Yii 2.0. 433.8M13](/packages/kartik-v-yii2-sortable)[kartik-v/yii2-widget-colorinput An enhanced Yii 2 widget encapsulating the HTML 5 color input (sub repo split from yii2-widgets) 324.8M10](/packages/kartik-v-yii2-widget-colorinput)[nullref/yii2-datatables Yii2 Extension for DataTables jQuery plug-in 7290.3k](/packages/nullref-yii2-datatables)[kartik-v/yii2-money An advanced money mask input for Yii 2.0 based on jquery maskmoney plugin styled for Bootstrap 3. 29915.4k10](/packages/kartik-v-yii2-money)[kartik-v/yii2-sortable-input Sortable input widget based on yii2-sortable extension. 24660.4k2](/packages/kartik-v-yii2-sortable-input)[russ666/yii2-countdown jQuery countdown widget for Yii2 11100.0k](/packages/russ666-yii2-countdown) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)