Elementor PDF Grid Widget

Build clean, responsive PDF resource grids directly in Elementor. Add documents with a repeater, choose custom or generated thumbnails, and style the grid without writing code.

A flexible PDF library for Elementor

The Elementor PDF Grid Widget is designed for brochures, reports, guides, menus, catalogues, and downloadable resources. Each item can include a title, PDF file, and thumbnail, while responsive controls keep the layout useful across desktop, tablet, and mobile screens.

Simple repeater workflow

Add, remove, and reorder PDF items from one Elementor control. Each card links directly to its selected document.

Useful thumbnail options

Use your own cover artwork or a generated PDF preview when available. A local WordPress fallback icon is included, with no external placeholder dependency.

Detailed design controls

Adjust columns, gaps, text position, typography, borders, shadows, and hover behavior to match the rest of your website.

Designed for practical content libraries

Choose the number of columns for each device, control the spacing between cards, and position document titles to suit the design. PDF links open in a new browser tab with safe link attributes so visitors can keep their place on your site.

Optional ImageMagick support can generate a thumbnail from the first PDF page. If it is unavailable, the widget continues to work with custom images or its bundled fallback icon.

Requirements

WordPress 6.0 or newer
PHP 7.4 or newer
Elementor page builder
ImageMagick is optional for automatic PDF previews

Install the plugin, activate it, and look for the PDF Grid widget in the Elementor editor.

Download or contribute on GitHub

Review the source, report an issue, or use the plugin in your own Elementor project.