PHPackages                             pixelcoda/pixelcoda-headless - 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. pixelcoda/pixelcoda-headless

ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility)

pixelcoda/pixelcoda-headless
============================

PixelCoda Headless metadata extension for responsive TYPO3 layouts.

03↓50%PHP

Since Jun 11Pushed 1mo agoCompare

[ Source](https://github.com/CasianBlanaru/Pixelcoda_Headless)[ Packagist](https://packagist.org/packages/pixelcoda/pixelcoda-headless)[ RSS](/packages/pixelcoda-pixelcoda-headless/feed)WikiDiscussions main Synced 1w ago

READMEChangelogDependenciesVersions (1)Used By (0)

PixelCoda Headless
==================

[](#pixelcoda-headless)

PixelCoda Headless extends `friendsoftypo3/headless` with frontend-friendly responsive layout metadata. TYPO3 stays the leading data source; this extension only adds metadata fields and JSON API enrichment.

Made with love by Casian Blanaru (PixelCoda).

A special thanks goes to macopedia.com company, which is sponsoring development of this solution.

Responsive Column Manager
-------------------------

[](#responsive-column-manager)

Editors get a new `Headless Responsive Layout` tab on `tt_content` records with fields for:

- Desktop, tablet and mobile grid
- Per-breakpoint column order
- Container width
- Container gap
- Optional container identifier
- Optional columns JSON override

The Headless API output is enriched on every content element:

```
{
  "container": {
    "identifier": "three-column",
    "columns": [
      { "name": "left", "colPos": 200 },
      { "name": "center", "colPos": 201 },
      { "name": "right", "colPos": 202 }
    ]
  },
  "responsive": {
    "desktop": { "grid": "4-4-4" },
    "tablet": { "grid": "6-6" },
    "mobile": { "grid": "12" }
  },
  "order": {
    "desktop": ["left", "center", "right"],
    "tablet": ["left", "center", "right"],
    "mobile": ["center", "left", "right"]
  },
  "spacing": {
    "gap": "large"
  },
  "width": "contained"
}
```

b13/container
-------------

[](#b13container)

If `b13/container` is installed, PixelCoda Headless tries to read the registered container grid for the current `CType`. It does not modify or fork b13/container. If no registry metadata can be read, columns are inferred from the selected desktop grid.

TYPO3 Compatibility
-------------------

[](#typo3-compatibility)

The package targets TYPO3 13 LTS and is prepared for TYPO3 14/15 through public TYPO3 APIs: TCA, TypoScript data processing and Composer extension registration.

Integration
-----------

[](#integration)

Load the TypoScript after `friendsoftypo3/headless`.

TYPO3 13+ site set:

```
dependencies:
  - pixelcoda/headless
```

Classic static include:

```
PixelCoda Headless

```

Package
-------

[](#package)

Extension key: `pixelcoda_headless`

Composer package:

```
composer require pixelcoda/pixelcoda-headless
```

TYPO3 Extension Repository:

```
https://extensions.typo3.org/my-extensions

```

###  Health Score

20

—

LowBetter than 12% of packages

Maintenance60

Regular maintenance activity

Popularity3

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity11

Early-stage or recently created project

 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.

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/18697022?v=4)[casianus](/maintainers/casianus)[@casianus](https://github.com/casianus)

---

Top Contributors

[![CasianBlanaru](https://avatars.githubusercontent.com/u/23030087?v=4)](https://github.com/CasianBlanaru "CasianBlanaru (2 commits)")

### Embed Badge

![Health badge](/badges/pixelcoda-pixelcoda-headless/health.svg)

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

###  Alternatives

[robicch/jquery-gantt

Twproject Gantt editor is a free online tool for creating and sharing Gantts

2.2k169.0k](/packages/robicch-jquery-gantt)[spatie/lighthouse-php

Run Google Lighthouse using PHP

26861.5k2](/packages/spatie-lighthouse-php)

PHPackages © 2026

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