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:
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.