PHPackages unikka/neos-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. unikka/neos-slick ActiveNeos-plugin[Utility & Helpers](/categories/utility) unikka/neos-slick ================= Plugin for the Neos CMS that provides a slick slider content element v4.1.0(2y ago)97.9k↓50%7[4 PRs](https://github.com/Unikka/neos-slick/pulls)MITJavaScript Since Sep 14Pushed 2y ago1 watchersCompare [ Source](https://github.com/Unikka/neos-slick)[ Packagist](https://packagist.org/packages/unikka/neos-slick)[ GitHub Sponsors](https://github.com/markusguenther)[ Patreon](https://www.patreon.com/unikka)[ RSS](/packages/unikka-neos-slick/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (10)Dependencies (3)Versions (100)Used By (0) [![](https://camo.githubusercontent.com/63cdbe11628399f4564ae03d9985774c1bd110e532b547b909ff862601dec168/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f756e696b6b612f756e696b6b612e64652f7372632f6173736574732f756e696b6b615f776974685f6261636b67726f756e642e737667)](https://camo.githubusercontent.com/63cdbe11628399f4564ae03d9985774c1bd110e532b547b909ff862601dec168/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f756e696b6b612f756e696b6b612e64652f7372632f6173736574732f756e696b6b615f776974685f6261636b67726f756e642e737667) [![Packagist](https://camo.githubusercontent.com/13120523243ca9bab6fd168489faa371a4b3797c4bf032a5d4661a2e1343c4f4/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f756e696b6b612f6e656f732d736c69636b2e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/unikka/neos-slick)[![Code Climate maintainability](https://camo.githubusercontent.com/c052a5a8e13593e4e655fe485a31850131b65ad647f69d9fbbb9c2be7989deff/68747470733a2f2f696d672e736869656c64732e696f2f636f6465636c696d6174652f6d61696e7461696e6162696c6974792d70657263656e746167652f556e696b6b612f6e656f732d736c69636b)](https://camo.githubusercontent.com/c052a5a8e13593e4e655fe485a31850131b65ad647f69d9fbbb9c2be7989deff/68747470733a2f2f696d672e736869656c64732e696f2f636f6465636c696d6174652f6d61696e7461696e6162696c6974792d70657263656e746167652f556e696b6b612f6e656f732d736c69636b)[![Packagist](https://camo.githubusercontent.com/5be6a490a7caea435511dba8870d5af1d77e727fcfd6c2c5912dd0ea7f905f16/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f756e696b6b612f6e656f732d736c69636b2e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/unikka/neos-slick)[![semantic-release](https://camo.githubusercontent.com/5f3b57745af83409bc673dec57e3eb360e1ec53b37ac29f81a319e347fa351c6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2532302532302546302539462539332541362546302539462539412538302d73656d616e7469632d2d72656c656173652d6531303037392e737667)](https://github.com/semantic-release/semantic-release) Slick Content Element for Neos CMS ================================== [](#slick-content-element-for-neos-cms) This is a ready-to-use implementation of the JavaScript package [slick](http://kenwheeler.github.io/slick/). Installation ------------ [](#installation) Most of the time you have to make small adjustments to a package (e.g., the configuration in Settings.yaml). Because of that, it is important to add the corresponding package to the composer manifest in your theme package. Mostly this is the site package located under `Packages/Sites/`. To install it correctly, go to your theme package (e.g. `Packages/Sites/Foo.Bar`) and run following command: ``` composer require unikka/neos-slick --no-update ``` The --no-update command prevents the automatic update of the dependencies. After the package was added to your theme `composer.json`, go back to the root of the Neos installation and run composer update. Your desired package is now installed correctly. [![Content editing inside slides](https://user-images.githubusercontent.com/1014126/67662845-8383a780-f964-11e9-82b3-c82fff96b78a.gif)](https://user-images.githubusercontent.com/1014126/67662845-8383a780-f964-11e9-82b3-c82fff96b78a.gif) Usage ----- [](#usage) This package uses background images as slides. If you want to use a fixed height for the slider you can use the following CSS to override the defaults: ``` .slick-slide { min-height: ; } ``` ### Disabling / enabling features [](#disabling--enabling-features) The Slide and the Slider element have a few mixins, which you can use to enable/disable and to add/remove a feature. #### Example [](#example) If you want to disable the autoplay option in the backend, you can do this: ``` 'Unikka.Slick:Content.Slider': superTypes: 'Unikka.Slick:Mixin.Autoplay': false ``` #### `Unikka.Slick:Content.Slider` Mixins [](#unikkaslickcontentslider-mixins) MixinDefault valueDescriptionUnikka.Slick:Mixin.AutoplaytrueAutoplay optionUnikka.Slick:Mixin.SlidesToScrolltrueHow many slides scrollUnikka.Slick:Mixin.InfinitefalseInfinite scrollingUnikka.Slick:Mixin.DraggabletrueDraggableUnikka.Slick:Mixin.PauseOnHovertruePause on hoverUnikka.Slick:Mixin.AnimationSpeedtrueAnimation speedUnikka.Slick:Mixin.FadefalseFadeUnikka.Slick:Mixin.ArrowstrueArrows shownUnikka.Slick:Mixin.DotsfalseDots shownUnikka.Slick:Mixin.SlidesToShowtrueNumber of slides shown at onceUnikka.Slick:Mixin.AdditionalClasstrueAdditional CSS-ClassUnikka.Slick:Mixin.Repsonsive.SmtrueResponsive group mobileUnikka.Slick:Mixin.Repsonsive.MdtrueResponsive group tabletUnikka.Slick:Mixin.Repsonsive.LgtrueResponsive group laptopUnikka.Slick:Mixin.Repsonsive.XltrueResponsive group desktop#### `Unikka.Slick:Content.Slide` Mixins [](#unikkaslickcontentslide-mixins) MixinDefault valueDescriptionUnikka.Slick:Mixin.BackgroundImagetrueBackground image for SlideUnikka.Slick:Mixin.AdditionalClasstrueAdditional CSS-ClassUnikka.Slick:Mixin.LazyLoadingtrueEnables layz loadingUnikka.Slick:Mixin.ContentBackgroundtrueEnables dark translucend background### Fade option [](#fade-option) The fade options is disabled by default, because if you enable fade, the "slides to show" option isn't working. But you can simply enable it like this: ``` 'Unikka.Slick:Content.Slider': superTypes: 'Unikka.Slick:Mixin.Fade': true 'Unikka.Slick:Mixin.SlidesToShow': false ``` Configuration ------------- [](#configuration) ``` Unikka: Slick: # include the theme css file from slick theme: true backend: # disables autoplay in backend disableAutoplay: true # breakpoints for the responsive tab responsive: sm: 576px md: 768px lg: 992px xl: 1200px ``` Contribution ------------ [](#contribution) We'd love you to contribute to neos-slick. We try to make it as easy as possible. We are using semantic versioning to have more time to concentrate on important stuff instead of struggling in the dependency or release hell. Therefore the first rule is to follow the [eslint commit message guideline](https://github.com/conventional-changelog-archived-repos/conventional-changelog-eslint/blob/master/convention.md). It is really easy if you always commit via `yarn commit`. Commitizen will guide you. All PRs will be merged into the master branch. Travis and semantic release will check the commit messages and start building a new release when the analysis of the latest commits will trigger that. If you have questions just ping us on Twitter or Github. About ----- [](#about) The package is based on the `Noerdisch/Slick` package. We thank the Noerdisch team for all the efforts. Part of the development has been sponsored by the Danske Folkekirken, we are proud that the Folkekirken is using the slider package and supports open source software. License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE) for more information. ### Health Score 41 — FairBetter than 89% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity32 Limited adoption so far Community19 Small or concentrated contributor base Maturity78 Established project with proven stability Bus Factor1 Top contributor holds 53.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. ### Release Activity Cadence Every ~33 days Recently: every ~256 days Total 56 Last Release 956d ago Major Versions v1.4.0 → v2.0.02019-01-02 v2.0.20 → v3.0.0-alpha-12019-10-21 v3.5.2 → v4.0.02020-12-12 ### Community Maintainers ![](https://www.gravatar.com/avatar/13bacba6a22543a265a7363d0006db5693a8d7ce70be62edcd69492bdb1836e4?d=identicon)[unikka](/maintainers/unikka) --- Top Contributors [![markusguenther](https://avatars.githubusercontent.com/u/1014126?v=4)](https://github.com/markusguenther "markusguenther (163 commits)")[![semantic-release-bot](https://avatars.githubusercontent.com/u/32174276?v=4)](https://github.com/semantic-release-bot "semantic-release-bot (53 commits)")[![dependabot-preview[bot]](https://avatars.githubusercontent.com/in/2141?v=4)](https://github.com/dependabot-preview[bot] "dependabot-preview[bot] (47 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (13 commits)")[![greenkeeper[bot]](https://avatars.githubusercontent.com/in/505?v=4)](https://github.com/greenkeeper[bot] "greenkeeper[bot] (10 commits)")[![dependabot-support](https://avatars.githubusercontent.com/u/112581971?v=4)](https://github.com/dependabot-support "dependabot-support (8 commits)")[![abteilung](https://avatars.githubusercontent.com/u/906305?v=4)](https://github.com/abteilung "abteilung (4 commits)")[![andrehoffmann30](https://avatars.githubusercontent.com/u/23524251?v=4)](https://github.com/andrehoffmann30 "andrehoffmann30 (2 commits)")[![lorenzulrich](https://avatars.githubusercontent.com/u/1816023?v=4)](https://github.com/lorenzulrich "lorenzulrich (1 commits)")[![daniellienert](https://avatars.githubusercontent.com/u/642226?v=4)](https://github.com/daniellienert "daniellienert (1 commits)")[![Virtim](https://avatars.githubusercontent.com/u/16343020?v=4)](https://github.com/Virtim "Virtim (1 commits)") --- Tags hacktoberfestneosneos-cmsneos-slickneoscmsslicksliderslider-element ### Embed Badge ![Health badge](/badges/unikka-neos-slick/health.svg) ``` [![Health](https://phpackages.com/badges/unikka-neos-slick/health.svg)](https://phpackages.com/packages/unikka-neos-slick) ``` ### Alternatives [neos/eel The Embedded Expression Language (Eel) is a building block for creating Domain Specific Languages 122.0M27](/packages/neos-eel)[kaufmanndigital/gdpr-cookieconsent A ready-to-run package, that integrates an advanced cookie consent banner into your Neos CMS site. 2540.7k](/packages/kaufmanndigital-gdpr-cookieconsent)[shel/neos-colorpicker A plugin for Neos CMS which provides a colorpicker editor 1494.4k6](/packages/shel-neos-colorpicker)[shel/neos-commandbar A commandbar (CMD+K) for Neos CMS 1614.6k1](/packages/shel-neos-commandbar) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)