Paragraphs Demo

The Paragraphs module in Drupal offers editors a component-driven architecture for building pages with flexibility and ease. Since 2015, Morpht has been at the forefront of developing innovative approaches to site building using Paragraphs. This case study highlights the key features of the Paragraphs module and showcases examples of paragraphs to demonstrate its potential.

Empowering content editors with Paragraphs

The Paragraphs module puts control back into the hands of content creators. It allows them to select the types of paragraphs they want to include on a page and arrange them in any order—all through the familiar node edit screen. There's no need for coding, navigating the complex block placement configuration, or using Panelizer or Layout Builder overrides. Everything is managed within the node edit form, providing a seamless and centralised content creation experience.

At Morpht, we've expanded the Paragraphs concept, developing a suite of supporting Drupal modules that enhance base functionality and offer site builders easy wins with ready-to-use Paragraph bundles.

Paragraphs UI with image card

Key features of Paragraphs

Vibrant Eco system Icon

Vibrant Eco system

A vibrant ecosystem has emerged around the Paragraphs module. There are many supporting modules and the community has adopted Paragraphs as a standard way of building out complex page layouts.

Modifiers Pack Icon

Modifers Pack

Morpht has developed an extensive Modifiers pack that can be added to paragraphs, helping your pages stand out. Easily incorporate background images, colours, parallax effects, scroll reveals, and gradients to create visually engaging content.

Puzzle Icon

Pluggable components

Over the years, Morpht has curated a comprehensive library of paragraphs that can be easily integrated into your site. This collection includes node lists, item lists, decision trees, charts, accordions, maps, timelines, embedded views, galleries, and more, providing extensive options for content presentation.

User friendly UI Icon

User-friendly interface

Content creators interact with Paragraphs directly through the node edit form, eliminating the need for Panelizer or Layout Builder overrides, or complex block configurations. The simplicity of this approach ensures a smooth user experience.

Enhanced flexibility Icon

Enhanced flexibility

Paragraphs soften the rigid edges of the CMS, allowing editors to craft compelling stories and enhance the power of Drupal with dynamic content. The process is straightforward - select a component, choose a view mode, click save, and voila!

Layout Icon

Layouts for custom designs

With layout-based paragraphs like section, content, item/node lists, arrangement, and tiles, content creators can create custom page structures and designs with ease, providing more control over the look and feel of their pages.

Drupal Starshot

The Future: Drupal Starshot Experience Builder

Earlier this year, Dries Buytaert announced the Starshot Initiative, a bold vision for the future of Drupal. This initiative aims to enhance the ‘Drupal CMS’ by including a set of useful and common modules, offering an improved site-building experience for ambitious site builders.

A key part of this initiative is the development of the Experience Builder, a new layout engine that will revolutionise the way pages are built with layouts and Paragraphs.

As a Certified Drupal Supplier and a supporter of the Drupal Association, Morpht recognises the significance of the Starshot initiative. We've pledged financial support to the DA to help advance these groundbreaking developments, which we believe will have a lasting impact on the Drupal community.

Related case studies