PHPackages                             itplusx/headless-gridelements - 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 &amp; Helpers](/categories/utility)
4. /
5. itplusx/headless-gridelements

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

itplusx/headless-gridelements
=============================

Grid Elements json output for EXT:headless

v3.0.0(3y ago)45.5k5MITPHPPHP ^7.4 || ^8.0CI failing

Since Sep 2Pushed 1y ago4 watchersCompare

[ Source](https://github.com/itplusx/headless_gridelements)[ Packagist](https://packagist.org/packages/itplusx/headless-gridelements)[ Docs](https://itplusx.de)[ RSS](/packages/itplusx-headless-gridelements/feed)WikiDiscussions main Synced 1w ago

READMEChangelog (10)Dependencies (3)Versions (13)Used By (0)

headless\_gridelements
======================

[](#headless_gridelements)

This extension makes it possible to use [EXT:gridelements](https://github.com/CodersCare/gridelements) with [EXT:headless](https://github.com/TYPO3-Initiatives/headless/).

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

[](#installation)

### Installation with [`composer`](https://getcomposer.org/) (recommended)

[](#installation-with-composer-recommended)

```
$ composer require itplusx/headless-gridelements
```

### Installation with the TYPO3 Extension Manager

[](#installation-with-the-typo3-extension-manager)

see: [Extension Management](https://docs.typo3.org/m/typo3/reference-coreapi/11.5/en-us/ExtensionArchitecture/HowTo/ExtensionManagement.html#extension-management)

Requirements and compatibility
------------------------------

[](#requirements-and-compatibility)

RequirementVersionPHP&gt;= 8.2TYPO312.4[Headless](https://github.com/TYPO3-Headless/headless)4[Gridelements](https://github.com/CodersCare/gridelements)12Usage
-----

[](#usage)

After a successful install just include the TypoScript of this package and you are ready to go.

**NOTE:
Including the original Gridelements TypoScript might break the JSON output. Therefore it is not recommended to do so. The TypoScript of `headless_gridelements` is enough.**

Example json output
-------------------

[](#example-json-output)

```
{
  "id": 14,
  "pid": 8,
  "type": "structured_content",
  "colPos": 0,
  "categories": "",
  "appearance": {
    "layout": "default",
    "frameClass": "default",
    "spaceBefore": "",
    "spaceAfter": ""
  },
  "content": {
    "header": "",
    "subheader": "",
    "headerLayout": 0,
    "headerPosition": "",
    "headerLink": "",
    "structure": {
      "layout": "25-25-25-25",
      "rows": [
        {
          "columns": [
            {
              "config": {
                "name": "25%",
                "colPos": 401
              },
              "elements": [
                {"id": 123, "pid": 321, "type": "{CType}", ...},
                {...}
              ]
            },
            {
              "config": {
                "name": "25%",
                "colPos": 402
              },
              "elements": [
                {"id": 123, "pid": 321, "type": "{CType}", ...},
                {...}
              ]
            },
            {
              "config": {
                "name": "25%",
                "colPos": 403
              },
              "elements": [
                {"id": 123, "pid": 321, "type": "{CType}", ...},
                {...}
              ]
            },
            {
              "config": {
                "name": "25%",
                "colPos": 404
              },
              "elements": [
                {"id": 123, "pid": 321, "type": "{CType}", ...},
                {...}
              ]
            }
          ]
        }
      ]
    }
  }
}
```

Contribution
------------

[](#contribution)

Any help on this project is very welcome! May it be as code contribution or just an idea for improvement. But we would like to ask you to follow some rules:

- **Issues:**
    When adding issues please always describe the bug/feature/task as detailed as possible. Only providing a title is not enough. Please use issue templates.
- **Commits:**
    Our team is following the [Conventional Commits](https://www.conventionalcommits.org/). We would like ask you stick to these rules whenever you want to contribute.
- **Pull Requests:**
    Before you submit a PR please create an issue first and link it to the pull request or at least add a PR description with detailed information about what this PR does. Otherwise we are not able to decide if this PR is worth going into the main branch.

---

 [ ![ITplusX - Internetagentur & Systemhaus](https://camo.githubusercontent.com/14e12de38879bb59be4344f31f58fc5bc6e048280cb75884751c46491af79afa/68747470733a2f2f6974706c7573782e64652f62616e6e6572732f637265617465642d62792d582d776974682d70617373696f6e2e737667) ](https://itplusx.de)

---

###  Health Score

37

—

LowBetter than 81% of packages

Maintenance28

Infrequent updates — may be unmaintained

Popularity26

Limited adoption so far

Community16

Small or concentrated contributor base

Maturity67

Established project with proven stability

 Bus Factor1

Top contributor holds 85% 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 ~101 days

Recently: every ~178 days

Total

11

Last Release

1162d ago

Major Versions

v1.0.4 → v2.0.02021-01-15

v2.1.0 → v3.0.02023-06-12

PHP version history (2 changes)v1.0.0PHP &gt;=7.2

v3.0.0PHP ^7.4 || ^8.0

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/13196174?v=4)[Ramón](/maintainers/schloram)[@schloram](https://github.com/schloram)

![](https://www.gravatar.com/avatar/2969ab0a2fbae7ce85cc02be57237e3c99ba41c1e748c23aa710bab18f6a3417?d=identicon)[vjanoch](/maintainers/vjanoch)

---

Top Contributors

[![schloram](https://avatars.githubusercontent.com/u/13196174?v=4)](https://github.com/schloram "schloram (51 commits)")[![kitzberger](https://avatars.githubusercontent.com/u/1405149?v=4)](https://github.com/kitzberger "kitzberger (7 commits)")[![vacijj](https://avatars.githubusercontent.com/u/2101914?v=4)](https://github.com/vacijj "vacijj (2 commits)")

---

Tags

gridelementsheadlesstypo3typo3-cmstypo3-cms-extensiontypo3-extensiontypo3-gridelementstypo3-headless-cmstypo3-headless-gridelements-supportheadlessextensionTYPO3 CMStypo3Gridelements

### Embed Badge

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

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

###  Alternatives

[friendsoftypo3/visual-editor

TYPO3 CMS Visual Editor - Brings a modern WYSIWYG editing experience to TYPO3 CMS.

6010.0k3](/packages/friendsoftypo3-visual-editor)[wazum/sluggi

TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects

40543.5k](/packages/wazum-sluggi)[clickstorm/cs-seo

\[clickstorm\] SEO - Extension for TYPO3. Enables important onpage features for search engine optimization (SEO). Expands the page settings and any desired records for example with a preview for Google search results (SERP) Structured Data (JSON-LD) and a Focus Keyword. Restrictive hreflang and canonical tags. Modules for metadata of records and alternative texts of images. Further features are shown in the extension manual.

37542.0k1](/packages/clickstorm-cs-seo)[jweiland/events2

Events 2 - Create single and recurring events

2168.1k3](/packages/jweiland-events2)[t3sbs/t3sbootstrap

Startup extension to use bootstrap 5 classes, components and more out of the box. Example and info: \[www.t3sbootstrap.de\](https://www.t3sbootstrap.de)

2416.7k1](/packages/t3sbs-t3sbootstrap)[quellenform/t3x-iconpack

Provides an iconpack-registry for custom iconpacks.

1556.7k27](/packages/quellenform-t3x-iconpack)

PHPackages © 2026

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