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 1mo 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

2987d 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)
```

PHPackages © 2026

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