Skip navigation
Available versions
Available settings
Included plugins
Implemented PHP classes
Number of translation
Implemented View-Helper

TYPO3 Masonry


This extension allows an editor to create and configure a complete masonry content element.

This TYPO3 extension is based on the cascading layout library Masonry. The library masonry.js is not part of this extension and is loaded from a CDN-URL. Please note the license terms of this library!


Key Features

Multiple elements possible on one page
5 configurable responsive breakpoints
Configure element size and space between elements per breakpoint
Based on a 12 column layout
Sizes are calculated automatically - no need for editing
Elements can have background images, images, titles, subtitles, RTE content and links
Define unlimited custom templates for your editor to easily select
Element for automatically generated QR-Code
Element for displaying Owl-Carousel
Element for displaying a Google-Map
 € 250,00 ex. VAT


GermanEnglishStableTYPO3 8.7PremiumOpenSourceTYPO3 9.5PHP 7.1PHP 7.2PHP 7.3PHP 7.4TYPO3 10.4PHP 8.0TYPO3 11.5PHP 8.1PHP 8.2TYPO3 12.4

Change Log

Masonry Change-Log

2023-11-01 Release of version 5.0.2

  • [TASK] Clean up documentation

2023-10-31 Release of version 5.0.1

  • [BUGFIX] Add product and documenation links
  • [BUGFIX] Fix get content object for TYPO3 11
  • [TASK] Add missing label for backend module

2023-10-16 Release of Version 5.0.0

  • [TASK] Migrate to TYPO3 12 and remove support for TYPO3 10

2023-10-16 Release of Version 4.0.1

  • [BUGFIX] Fix masonry styles logic for BE edit masonry page

2023-10-09 Release of Version 4.0.0

  • [TASK] Move language field on language tab in content element
  • [TASK] Add header and footer to Backend module
  • [FEATURE] Add RTE item
  • [FEATURE] Add Text item
  • [TASK] Backend module optimization
  • [FEATURE] Add Google-Maps item
  • [TASK] Add ViewHelper to Open\Close content in Modal
  • [TASK] Extend masonry edit page
  • [FEATURE] Create backend module for listing masonry records
  • [TASK] Create TypoScript constants documentation
  • [TASK] Add masonry type icons in backend
  • [TASK] Create TypoScript constants documentation, see #7
  • [TASK] Migration for TYPO3 11.5
  • [TASK] Sync xlf translation files
  • [TASK] Add xlf translation files
  • [BUGFIX] Fix documentation configuration
  • [TASK] Add documentations configuration

2021-10-20 Release of Version 3.0.4

  • [BUGFIX] Fix masonry item size selection

2021-05-31 Release of Version 3.0.3

  • [TASK] Add translation files

2021-05-26 Release of Version 3.0.2

  • [TASK] Add translation files

2021-03-28 Release of Version 3.0.1

  • [BUGFIX] Fix default value and evaluation in tt_content masonry selection

2021-03-28 Release of Version 3.0.0

  • [TASK] Migration TCA and extension configuration for TYPO3 10
  • [TASK] Migration for TYPO3 10 - drop support for TYPO3 8.7
  • [TASK] Add active state CSS class in category filter
  • [TASK] Add extra tags in composer.json
  • [FEATURE] Add Masonry item categories and category filter for frontend

2020-05-27 Release of Version 2.1.3

  • [TASK] Cleanup Change-Log
  • [BUGFIX] Add array initialization in tt_content overrides

2019-11-15 Release of version 2.1.2

  • [BUGFIX] Fix ViewHelper namespaces
  • [TASK] Add more documentation

2019-10-01 Release of version 2.1.1

  • [BUGFIX] Fix Gitlab-CI configuration.

2019-10-01 Release of version 2.1.0

  • [TASK] Add Gitlab-CI configuration.
  • [TASK] Removing DEV identifier.
  • [TASK] Maintenance and documentation.
  • [TASK] Removing constant categories.
  • [TASK] Adding more height options for masonry items.
  • [TASK] Insert link and conditions in default item template.

2018-12-19 Release of version 2.0.1

  • [TASK] Migration for TYPO3 9.5.
  • [BUGFIX] Fixing c-type assignment in TCA definition.
  • [TASK] Removing TypoScript condition for loading some stuff.
  • [TASK] Adding documentation for background styles.

2018-08-11 Release of version 2.0.0

  • [FEATURE] Adding masonry item record type.
  • [TASK] Adding header and language TCA fields for Masonry.

2018-02-22 Release of version 1.1.0

  • [FEATURE] Adding OwlCarousel item.
  • [BUGFIX] Fixing background image TCA definition.
  • [BUGFIX] Fixing custom defined crop areas for image crop.

2018-01-15 Release of version 1.0.2

  • [TASK] Initial development.
TYPO3 Masonry Extension

TYPO3 Masonry

Create a complete and freely configurable Masonry element.

Premium-Support for 1 Project

  • 12 months updates
  • Support- & Issue-Tracker access
  • Product documentation
  • No time limit

Price 250,00 € excl. VAT

Choose your TYPO3 Version

Contact request

You can contact us at any time

Stop! Playing in the meantime?
Stop! Playing in the meantime?
Stop! Playing in the meantime?

Stop! Playing in the meantime?

Break the highscore

Press Start
Contact request
Screenreader label
Security question