PHPackages                             zicht/twig-classes - 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. [Templating & Views](/categories/templating)
4. /
5. zicht/twig-classes

AbandonedLibrary[Templating & Views](/categories/templating)

zicht/twig-classes
==================

Twig extension for zicht/classes.

1.1.0(4y ago)117.1k1MITPHP

Since Sep 21Pushed 4y agoCompare

[ Source](https://github.com/zicht/twig-classes)[ Packagist](https://packagist.org/packages/zicht/twig-classes)[ RSS](/packages/zicht-twig-classes/feed)WikiDiscussions release/1.0.x Synced 1mo ago

READMEChangelog (3)Dependencies (3)Versions (6)Used By (1)

twig-classes
============

[](#twig-classes)

Twig extension for [zicht/classes](https://github.com/zicht/classes).

Installing
----------

[](#installing)

```
composer require zicht/twig-classes

```

Purpose
-------

[](#purpose)

Provide easy conditionally joining of CSS classes in Twig templates.

Usage
-----

[](#usage)

```
{{ classes('art-vandelay') }} ⇒ 'art-vandelay'
{{ classes(['art-vandelay', 'kramerica']) }} ⇒ 'art-vandelay  kramerica'
{{ classes(['art-vandelay' => true, 'kramerica' => false]) }} ⇒ 'art-vandelay'
{{ classes('art-vandelay', ['kramerica' => false, 'kel-varnsen' => true]) }} ⇒ 'art-vandelay  kel-varnsen'

```

Example
-------

[](#example)

When classes are manually added by checking one ore more properties, code can be quite hard to read:

```
{% set cx = [
    image.url ? 'u-margin--b2' : 'u-margin--b0  u-text--center',
    equal_height  ? 'u-flex'
] %}

    ...

```

With the `classes` function, it becomes much more apparent which class is toggled by what property:

```
{% set cx = classes({
    'u-margin--b2': image.url,
    'u-margin--b0  u-text--center': not image.url,
    'u-flex': equal_height
}) %}

    ...

```

You can even created a nested object if you need to conditionally apply classes to multiple elements.

```
{% set cx = {
    card: classes({
        'u-margin--b2': image.url,
        'u-margin--b0  u-text--center': not image.url,
        'u-flex': equal_height
    }),
    img: classes({
        'u-black  u-bg--red': color == 'black'
    })
} %}

    ...

```

###  Health Score

34

—

LowBetter than 77% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity24

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity67

Established project with proven stability

 Bus Factor1

Top contributor holds 50% 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 ~514 days

Total

4

Last Release

1617d ago

Major Versions

0.1.0 → 1.0.02018-09-21

PHP version history (2 changes)0.1.0PHP ^5.6

1.0.0PHP ^7

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/22889608?v=4)[Fabrique automation](/maintainers/zicht-jenkins)[@zicht-jenkins](https://github.com/zicht-jenkins)

---

Top Contributors

[![erik-zicht](https://avatars.githubusercontent.com/u/33859362?v=4)](https://github.com/erik-zicht "erik-zicht (2 commits)")[![VMeijer-Zicht](https://avatars.githubusercontent.com/u/57255942?v=4)](https://github.com/VMeijer-Zicht "VMeijer-Zicht (2 commits)")

---

Tags

packagisttwigcss

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/zicht-twig-classes/health.svg)

```
[![Health](https://phpackages.com/badges/zicht-twig-classes/health.svg)](https://phpackages.com/packages/zicht-twig-classes)
```

###  Alternatives

[twig/extra-bundle

A Symfony bundle for extra Twig extensions

91492.0M315](/packages/twig-extra-bundle)[twig/cssinliner-extra

A Twig extension to allow inlining CSS

22918.5M55](/packages/twig-cssinliner-extra)[twig/intl-extra

A Twig extension for Intl

36763.2M221](/packages/twig-intl-extra)[rcrowe/twigbridge

Adds the power of Twig to Laravel

9105.9M50](/packages/rcrowe-twigbridge)[twig/string-extra

A Twig extension for Symfony String

22046.0M133](/packages/twig-string-extra)[symfony/ux-twig-component

Twig components for Symfony

21914.8M162](/packages/symfony-ux-twig-component)

PHPackages © 2026

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