PHPackages                             diu/grid - 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. diu/grid

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

diu/grid
========

8.0.4(1y ago)08.8k↓33.3%2GPL-3.0-or-laterSCSS

Since Feb 26Pushed 1y agoCompare

[ Source](https://github.com/di-unternehmer/DIU.Grid)[ Packagist](https://packagist.org/packages/diu/grid)[ RSS](/packages/diu-grid/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (4)Dependencies (2)Versions (78)Used By (0)

DIU.Grid Plugin
===============

[](#diugrid-plugin)

What is the DIU.Grid Plugin?
----------------------------

[](#what-is-the-diugrid-plugin)

The DIU.Grid Plugin is a plugin for neos cms that provides the a 12 column grid system as a basic structure. This kind of grid system is found on many web pages. The css structure is based on bootstrap 4.x. The static resources are not added in this project.

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

[](#installation)

`composer require diu/grid`

- Version 2.x is for Neos 4.1,4.2,3.3
- Version 3.x is for Neos 4.2 and upcoming

How to use the DIU.Grid Plugin?
-------------------------------

[](#how-to-use-the-diugrid-plugin)

1. Require the package in your composer.json file.
2. Allow sections as childnodes in your content elements.
3. Override the constraints for the grid content elements.
4. Add CSS rules for top and bottom margins. This is necessary because breakpoints may vary between projects. An Example can be found in `Resources/Private/Fusion/Components/Atom/Margin/Margin.scss`. Maybe also override the allowed values in `Configuration/NodeTypes.Content.Mixins.Spacing.yaml`.
5. Add in your site package necessary layouts

e.g.:

```
0-4-4-4 => 3 equal columns no beginning offset
2-4-4-2 => 3 columns, two 4 cols and one 2 cols with an beginning offset of two cols

```

###### TODO:

[](#todo)

- Add example for override

###  Health Score

43

—

FairBetter than 91% of packages

Maintenance44

Moderate activity, may be stable

Popularity24

Limited adoption so far

Community14

Small or concentrated contributor base

Maturity75

Established project with proven stability

 Bus Factor2

2 contributors hold 50%+ of commits

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 ~32 days

Recently: every ~216 days

Total

70

Last Release

422d ago

Major Versions

3.x-dev → 4.0.02019-12-16

4.0.2 → 5.0.02020-06-25

5.0.0 → 6.0.02020-08-19

6.2.2 → 7.0.02021-06-10

7.0.9 → 8.0.02022-11-03

### Community

Maintainers

![](https://www.gravatar.com/avatar/4df37002e22763e04e7e7b08f339210844688f2ea67980a825fb9d45143da745?d=identicon)[DIU](/maintainers/DIU)

---

Top Contributors

[![DIU-PascalFolleher](https://avatars.githubusercontent.com/u/44020996?v=4)](https://github.com/DIU-PascalFolleher "DIU-PascalFolleher (31 commits)")[![akappler-diu](https://avatars.githubusercontent.com/u/267666191?v=4)](https://github.com/akappler-diu "akappler-diu (16 commits)")[![sophieTschuden](https://avatars.githubusercontent.com/u/48276840?v=4)](https://github.com/sophieTschuden "sophieTschuden (8 commits)")[![akappler](https://avatars.githubusercontent.com/u/30337968?v=4)](https://github.com/akappler "akappler (4 commits)")[![PascalFolleher](https://avatars.githubusercontent.com/u/44175317?v=4)](https://github.com/PascalFolleher "PascalFolleher (2 commits)")[![andreas-reichel-diu](https://avatars.githubusercontent.com/u/101269956?v=4)](https://github.com/andreas-reichel-diu "andreas-reichel-diu (1 commits)")[![grizooo](https://avatars.githubusercontent.com/u/52205810?v=4)](https://github.com/grizooo "grizooo (1 commits)")

### Embed Badge

![Health badge](/badges/diu-grid/health.svg)

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

###  Alternatives

[sitegeist/kaleidoscope

Responsive-images for Neos

29352.4k10](/packages/sitegeist-kaleidoscope)[neos/seo

SEO configuration and tools for Neos

13990.5k24](/packages/neos-seo)[neos/googleanalytics

Google Analytics integration for Neos CMS

15125.7k](/packages/neos-googleanalytics)[kaufmanndigital/gdpr-cookieconsent

A ready-to-run package, that integrates an advanced cookie consent banner into your Neos CMS site.

2540.7k](/packages/kaufmanndigital-gdpr-cookieconsent)[shel/neos-colorpicker

A plugin for Neos CMS which provides a colorpicker editor

1494.4k6](/packages/shel-neos-colorpicker)[shel/neos-commandbar

A commandbar (CMD+K) for Neos CMS

1614.6k1](/packages/shel-neos-commandbar)

PHPackages © 2026

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