Content display modules and Drupal 11

Twig Tweak is a small module which provides a Twig extension with some useful functions and filters that can improve development experience. ✧ Cheat sheet

Colorbox is a light-weight customizable lightbox plugin for jQuery. This module allows for integration of Colorbox into Drupal. Images, iframed or inline content etc. can be displayed in a overlay above the current page. Features The Colorbox module: Works as a Formatter in entities and in views.

Provides functionality for storing, validating and displaying international postal addresses.

This module changes default image field widget and formatter to allow use SVG image with the standard Image field. Using SVG Image module you will not have to use another field type to load SVG image. Load SVG files into the Image field, it is not needed to create file field or special "SVG" type field.

Provides a field to add CSS classes to a block from the user interface.

Views infinite scroll allows you to load and display pages of any view inline, using AJAX (this has been called infinite scrolling, load more, autopaging, endless pages and more). The pager can be triggered with the press of a button or automatically as the user scrolls to the bottom of the view's content.

Use a drag-and-drop interface to customize layouts of nodes, views, comments, user data, etc. By defining custom view modes, one piece of content can be displayed differently in different places.

Finds all external links on a web page and adds an "external" icon to the link indicating it will take the user offsite or a "mail" icon for mailto: links.

Views Slideshow can be used to create a slideshow of any content (not just images) that can appear in a View. Powered by jQuery, it is heavily customizable: you may choose slideshow settings for each View you create.

Provides an interface for using the features of the Crop API . This element provides an UX for using a crop on all fields images or file elements. This module has particularity to purpose capability to crop the same image by “Crop type” configured. It’s very useful for editorial sites or media management sites. Requirements Module Crop API . Library Cropper .

Provides a fully responsive, richly functional carousel/slider leveraging Ken Wheeler's Slick carousel.

The link module provides a standard custom content field for links. With this module, links can be easily added to any content types and profiles and include advanced validating and different ways of storing internal or external links and URLs.

Provides a plugin to use Font Awesome icons directly from the CKEditor. It also allows you to attach icon fields to entities and provides a core media entity type for icons.

Provides a geo-location field for storing and managing geographic data, enabling the integration of maps, geocoding and location-based functionalities. It supports all geo-types (points, lines, polygons, multi types geometries).

Enables a "smart trimmed" option which lets you control trim length, trim measurement (characters or words), optional suffix, displaying optional "More" link and removing HTML tags.

Allow site editors to easily integrate and place dynamic content like lists into a site by selecting from Views using a field with optional additional controls.

An Overview of Panels The Panels module allows a site administrator to create customized layouts for multiple uses. At its core it is a drag and drop content manager that lets you visually design a layout and place content within that layout.

Views Bootstrap module enables you to create components following the theme structure of the Bootstrap framework all within the configuration settings of the powerful Views module.

Context Context allows you to manage contextual conditions and reactions for different portions of your site. You can think of each context as representing a "section" of your site. For each context, you can choose the conditions that trigger this context to be active and choose different aspects of Drupal that should react to this active context.

Uses the current page's location in the site menus to generate a breadcrumb showing the menu items which lead to that page.

Allows you to display the results of a Drupal view, including images, videos and text fields, as a carousel or slideshow, using Ken Wheeler's "Slick" Javascript library.

A way for visitors to navigate your website using an overview of notable pages on the site, by displaying one or more human-readable lists of links on a page. Useful for sites with lots of lightly-organized content.

Provides a field type to store geographical locations as pairs of latitude and longitude and the integration to display those locations through views, fields, and map providers.

Helps frontend developers get partial data from Drupal field render arrays, so they can better control the output without using preprocess functions.

Description Flex Slider module integrates the Flex Slider library with Drupal and several contributed modules which allows you to build responsive, resizable slideshows. Meaning the slideshows automatically adapt to the size of the browser window or device.

Summary This module provides a configurable UI for restricting blocks and layouts. Sites can allow all options from a certain provider, or restrict all options by provider, or specify individual allowed blocks & layouts. Drupal core will soon provide a method for controlling available blocks in Layout Builder. See #2916876: Add visibility control conditions to blocks within Layout Builder .

The Views Field View module is a powerful tool for site builders who need to create nested data structures. It allows you to embed one view as a field within another, creating a "view-within-a-view" architecture that handles complex relationships with ease. How It Works The module provides a specialized field handler for Drupal Views.

Entity Print allows you to print any Drupal entity or View to PDF. The module is lightweight compared to other modules like the Print module, has full test coverage and is ready to be used in production for Drupal 10 and 11. Documentation Drupal 10 / Drupal 11 Quick Start Ensure you have composer installed and are using the drupal.org packagist.

This is the Drupal 8 version of Page Manager, formerly part of the CTools module written by merlinofchaos It supports the creation of new pages, and allows placing blocks within that page. Like Drupal 7's Page Manager, it provides a concept of "page variants", each with their own selection conditions.

Drupal advanced integration with the Leaflet JS mapping library, the leading open-source JavaScript library for mobile-friendly interactive maps.

Allows users to create lists of any "entity" (content, users, etc). Each queue is implemented as an entity reference that can hold a single entity type. Items in each list can be manually reordered.

Views Accordion provides a display style plugin for the Views module. It will take the results and display them as a JQuery accordion , using the first field as the header for the accordion rows. The module integrates the jQuery UI Accordion plugin as a views style plugin. You can configure the options provided by the jQuery UI plugin.

The Quick Tabs module allows you to create blocks of tabbed content, specifically views, blocks, nodes* and other quicktabs*. You can create a block on your site containing multiple tabs with corresponding content. Clicking on the tabs makes the corresponding content display instantly, using jQuery.

Adds SVG support to Drupal by way of a new vector image field type, formatter, and optional media bundle separate from the out-of-the-box raster image functionality. Also integrates with Acquia Site Studio.

Viewfield provides a field that holds a reference to a View and renders it whenever the entity containing the field is displayed. Features Author chooses one or more views and displays from a list. View arguments (contextual filters) may be supplied literally or through tokens. Administrators may restrict which views and displays may be assigned.

Overview This module allow site builders to select from a list of styles to apply to layout builder blocks and layout builder sections. A "style" is just a representation of one or more CSS classes that will be applied. Additionally, for blocks, a block template suggestion is added for the selected style. Styles can be grouped, allowing site builders to select one or more styles from each group.

TVI Overview The TVI (Taxonomy Views Integrator) module allows selective overriding of taxonomy terms and/or vocabulary with the view of your choice. Using TVI you can easily create custom views to output all terms in specific vocabularies. TVI will try not to interfere with views or taxonomy/term page displays if no TVI views exist for the current page request.

Back To Top adds a button that hovers in the bottom of your screen and allow users to smoothly scroll up the page using jQuery. Drupal 10 and 11 info Branch 3.x is a rewrite with new javascript and support for Drupal 10 and 11.

The Charts module enables users to build dynamic charts without writing a line of code by using the Views module or a Chart field (advanced users can make use of the Charts API). Users can choose between multiple charting libraries, such as Billboard.js, C3.js, Chart.js, Google Charts, or Highcharts.

This project is the combination of the Drupal 7 Display Suite Bootstrap Layouts and Panels Bootstrap Layouts modules for Drupal 8. Requirements Note: see versions below which may indicate if you need to install the Layout Plugin module. Drupal Bootstrap or any other theme that utilizes the Bootstrap framework grid system and classes.

🇺🇦 This module is maintained by Ukrainian developers. Please consider supporting Ukraine in a fight for their freedom and safety of Europe. Allows site administrators to add classes to the outer HTML wrapper for any field display, so that CSS and Javascript can target them. It's particulary useful for adding classes required by various jQuery plugins and CSS grid systems.

"Eva" is short for "Entity Views Attachment;" it provides a Views display plugin that allows the output of a View to be attached to the content of any Drupal entity. The body of a node or comment, the profile of a user account, or the listing page for a Taxonomy term are all examples of entity content.

Insert is a utility that makes inserting images and links to files into the body field and other CKEditor instances or text areas much easier by adding a simple JavaScript-based button and optional controls to file and image fields. Images may be inserted using any image style preset. Insert may also be interfaced to by other modules for inserting custom content.

This module provides a site map that gives visitors an overview of your site. It can also display the RSS feeds for all blogs and categories. Drupal generates the RSS feeds automatically but few seems to be aware that they exist. The site map can display the following items: A message to be displayed above the site map The latest blogs. Any books. Any menus that will be displayed fully expanded.

Layout Paragraphs provides an intuitive drag-and-drop experience for building flexible layouts with Paragraphs . The module was designed from the ground up with Paragraphs in mind, and works seamlessly with existing Paragraph reference fields. Key Features Intuitive drag-and-drop interface. Works with existing Paragraph reference fields.

Use PhotoSwipe to display picture galleries on your Drupal website. This Javascript lightbox library offers very nice mobile browsing features (in particular swiping to the next picture)!

Simple hierarchical select defines a new form widget for taxonomy fields to select a term by "browsing" through the vocabularies hierarchy. The widget is available in node forms and as Views exposed filter.

Provides integration between Slick and Paragraphs . Slick Paragraphs allows richer slideshow/carousel contents with a mix of text, image and video, and more complex slide components like nested sliders, or any relevant field type as slide components, and probably with a few extra fields before and or after the slideshow with the goodness of Paragraphs.