Extra Icon Features

Extra Icon Features is a reusable feature grid recipe for marketing and product pages. It ships a polished block type plus sample content so you can see the result immediately. The recipe is designed to shine with the Basecore theme, delivering the exact front-end look shown in the screenshots.

This is the same component we use in More than Themes premium products - now contributed to the community as a clean, reusable recipe.

See Extra Icon Features in action (video)

Prefer to see the recipe in action?

This short walkthrough video demonstrates Extra Icon Features inside a real Drupal CMS setup.

▶ Watch the Extra recipes demo on YouTube

Why it stands out

• A flexible, icon-driven grid that feels like a real product section, not a placeholder.
• Editor-friendly fields and layout controls for quick tuning.
• Includes demo content so teams can see and iterate fast.

Editor experience (what site builders/editors see)
The Extra Icon Features block gives editors a clear, structured form with sensible options:

• One or more Icon Feature items.
• Title and rich body text per item.
• FontAwesome icon selection, with optional image alternative.
• Optional link per item.
• Grid column controls via CSS classes per breakpoint.

Front-end experience (what visitors see)
A clean, balanced feature grid with clear icons or images and short descriptions. The layout scales well across screens, giving teams a credible product-grade feature section without custom theming.

What this recipe provides

• Block type: Extra Icon Features
• Paragraph type: Icon Feature item
• Fields and display configuration
• Sample content in content/ for instant preview

Where to find the demo block

In Layout Builder, click Add block → Content block and look for:

• Extra Icon Features - Key Benefits

Best with Basecore

Extra Icon Features is built to look its best with the Basecore theme:

• https://www.drupal.org/project/basecore

Try Extra Icon Features Instantly in Your Browser

Want to see how Extra Icon Features looks and works inside a real Drupal site - without installing anything?

We've prepared a live, cloud-based Drupal CMS development environment using GitHub Codespaces + DDEV. You can test Extra Icon Features (with Basecore styling) in minutes, directly from your browser.

One-click demo setup includes:

• Drupal CMS 1.3.x
• Basecore theme pre-installed
• Extra Icon Features recipe ready to apply
• Extra Project Browser to discover the recipe
• No local setup required!

Try Extra Icon Features in GitHub Codespaces now

Installation

• Download the recipe with Composer:

composer require drupal/extra_icon_features

• Apply the recipe via the Recipes UI, or:

drush recipe extra_icon_features

• You can also find it through Extra Project Browser:
  https://www.drupal.org/project/extra_project_browser

Screenshots

TODO: Add images

• Front-end icon feature grid preview
• Editor form with Items/Icon/Image/Link controls

About this contribution

Extra Icon Features is a reusable component from More than Themes Webmaker+ premium distribution, shared to help the community ship beautiful, high-impact feature grids faster.