PHPackages                             carbon/cbd - 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. carbon/cbd

ActiveNeos-carbon[Utility & Helpers](/categories/utility)

carbon/cbd
==========

Make complex content structure (e.g. slider, maps, etc.) easily editable in Neos. Fast and bullet-proof

0.2.11(3y ago)22.5kGPL-3.0JavaScriptCI passing

Since Oct 11Pushed 1mo ago2 watchersCompare

[ Source](https://github.com/CarbonPackages/Carbon.CBD)[ Packagist](https://packagist.org/packages/carbon/cbd)[ Fund](https://www.paypal.me/Jonnitto/20eur)[ GitHub Sponsors](https://github.com/jonnitto)[ RSS](/packages/carbon-cbd/feed)WikiDiscussions main Synced 3w ago

READMEChangelog (10)Dependencies (4)Versions (16)Used By (0)

Carbon.CBD
==========

[](#carboncbd)

`Carbon.CBD` helps you build complex content elements in Neos CMS (for example sliders, maps, tabs, or other multi-item components) with a smooth editor workflow.

It provides a reusable backend/live-preview wrapper pattern around content collections, so editors can switch between editing and live view directly in the backend.

Features
--------

[](#features)

- Reusable component base for content elements with nested item nodes
- Editor-friendly wrapper with backend/live toggle
- Empty-state handling for components without items
- Translation auto-include for backend labels

Requirements
------------

[](#requirements)

- PHP package:
    - `neos/neos`: `^8.4`
    - `carbon/eel`: `^2.14`

Installation
------------

[](#installation)

Install via Composer:

```
composer require carbon/cbd
```

How It Works
------------

[](#how-it-works)

The package auto-includes Fusion via settings and exposes a reusable `Carbon.CBD:Component` base that:

- Reads child nodes of your element
- Passes data to your custom renderer type
- Wraps output in `Carbon.CBD:Presentation.Wrapper`
- Shows backend editing controls when in backend context

Basic Usage
-----------

[](#basic-usage)

### 1. Create an element node type

[](#1-create-an-element-node-type)

Your element should inherit from `Carbon.CBD:Mixin.Element`.

```
"Vendor.Site:Content.Slider":
  superTypes:
    "Carbon.CBD:Mixin.Element": true
  ui:
    label: "Slider"
```

### 2. Create an item node type

[](#2-create-an-item-node-type)

Items should inherit from `Carbon.CBD:Mixin.Element.Item`.

```
"Vendor.Site:Content.Slider.Item":
  superTypes:
    "Carbon.CBD:Mixin.Element.Item": true
  ui:
    label: "Slide"
```

### 3. Restrict allowed children on your element

[](#3-restrict-allowed-children-on-your-element)

```
"Vendor.Site:Content.Slider":
  constraints:
    nodeTypes:
      "*": false
      "Vendor.Site:Content.Slider.Item": true
```

### 4. Define a Fusion prototype for your element

[](#4-define-a-fusion-prototype-for-your-element)

```
prototype(Vendor.Site:Content.Slider)
            {props.content}

        {props.count > 1 ? '' : props.content}
    `
}
```

Notes
-----

[](#notes)

- The package enables Fusion auto-include and translation auto-include via `Configuration/Settings.yaml`.
- `Carbon.CBD:Mixin.Element.Item` is blocked on generic `Neos.Neos:ContentCollection` to avoid accidental insertion outside CBD elements.

License
-------

[](#license)

GPL-3.0-or-later

###  Health Score

38

—

LowBetter than 83% of packages

Maintenance59

Moderate activity, may be stable

Popularity22

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity49

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 90.9% 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 ~29 days

Recently: every ~52 days

Total

14

Last Release

1375d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/5fec51ac160a110a31a72a54ac29e276a447d8306205a052d35491ac9cf0589b?d=identicon)[jonnitto](/maintainers/jonnitto)

---

Top Contributors

[![jonnitto](https://avatars.githubusercontent.com/u/4510166?v=4)](https://github.com/jonnitto "jonnitto (50 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (5 commits)")

---

Tags

hacktoberfestneoscmspackagesliderhelpercarbonbackendflowNeosFUSION

### Embed Badge

![Health badge](/badges/carbon-cbd/health.svg)

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

###  Alternatives

[carbon/includeassets

Include your assets (css, js) in an easy way into Neos

14237.5k15](/packages/carbon-includeassets)

PHPackages © 2026

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