PHPackages                             outlawplz/flickity - 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. outlawplz/flickity

AbandonedDrupal-module[Utility & Helpers](/categories/utility)

outlawplz/flickity
==================

Provides Flickity library integration for Drupal.

v0.3.0(8y ago)1118[1 issues](https://github.com/OutlawPlz/drupal_flickity/issues)GPL-3.0PHP

Since Feb 23Pushed 8y ago1 watchersCompare

[ Source](https://github.com/OutlawPlz/drupal_flickity)[ Packagist](https://packagist.org/packages/outlawplz/flickity)[ RSS](/packages/outlawplz-flickity/feed)WikiDiscussions master Synced 2mo ago

READMEChangelog (5)DependenciesVersions (6)Used By (0)

Flickity
========

[](#flickity)

Provides Flickity library integration for Drupal 8.

Quick Start
-----------

[](#quick-start)

Start using Flickity in three steps.

1. Download latest Flickity module form [Github](https://github.com/OutlawPlz/drupal_flickity "Github Flickity") or via Composer and enable it as usual.

```
composer require outlawplz/flickity
```

2. Download latest [Flickity](http://flickity.metafizzy.co/ "Flickity") library and copy it to the `libraries/`folder found at Drupal root folder.

```
# CSS file location
/libraries/flickity/dist/flickity.min.css

# JS file location
/libraries/flickity/dist/flickity.pkgd.min.js
```

3. In a Reference Entity field select Flickity as display mode.

That's it. You're all set to start using Flickity.

Options
-------

[](#options)

You can add new configurations or edit existing ones at **Configuration > User interface > Flickity**. Common options are listed as fields, while advanced options are stored in YAML format.

```
# E.g.
imagesLoaded: true
groupCells: 2
lazyLoad: true
```

To learn more about Flickity options, check out the [official documentation](http://flickity.metafizzy.co/options.html "Flickity options").

Style
-----

[](#style)

Flickity uses CSS to set cell sizing. This way you can alter the number of cell visible at different display size using media queries.

```
# Small screens
@media (max-width: 560px) {
  .field__item {
    width: 50%;
  }
}

# Wide screens
@media (min-width: 561px) {
  .field__item {
    width: 25%;
  }
}
```

To learn more about Flickity styling, check out the [official documentation](http://flickity.metafizzy.co/style.html "Flickity style").

###  Health Score

21

—

LowBetter than 19% of packages

Maintenance0

Infrequent updates — may be unmaintained

Popularity11

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity57

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 ~93 days

Total

5

Last Release

2993d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/6ca068e1dd24801f83c4c4802af654bdb2db4025499aa94d0575898a4a5d5c8f?d=identicon)[OutlawPlz](/maintainers/OutlawPlz)

---

Top Contributors

[![OutlawPlz](https://avatars.githubusercontent.com/u/14197383?v=4)](https://github.com/OutlawPlz "OutlawPlz (22 commits)")

### Embed Badge

![Health badge](/badges/outlawplz-flickity/health.svg)

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

###  Alternatives

[components/jqueryui

jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.

1795.8M57](/packages/components-jqueryui)

PHPackages © 2026

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