technodrome

Series Grid is the enhanced version of our popular grid plugin, featuring advanced layouts, animations, and customization options perfect for showcasing your content beautifully.
🚀 NEW IN 4.0.0: Multi-Instance Layout System (PRO Feature) 
* Now supports MULTIPLE LAYOUTS ON SAME PAGE – Grid, List, and Slider layouts can coexist on any WordPress page 
* Joomla-like module system with instance management (PRO only) 
* Backup shortcode system for enhanced flexibility
Core Features (Free): 
* Single Layout per Page – One <code>[series_grid]</code> shortcode per page 
* Basic Layout Options – Grid, List, Slider (one per page) 
* Category filtering 
* Customizable columns (1-6) 
* Font size control 
* Image extraction from posts 
* Lazy loading 
* Fallback images and colors
PRO Features (License Required): 
* Multi-Instance Manager: Create unlimited layout instances on same page 
* Animation Effects: Fade In, Slide Up, Zoom In, Bounce In 
* Color Themes: Dark, Blue, Green, Red schemes 
* Advanced Hover Effects: Color Overlay, Image Zoom, Content Slide, Card Flip 
* Force Image Shape: Square, 4:3, 16:9, 3:2 aspect ratios 
* Auto-Scroll Slider: With speed control and pause on hover 
* Navigation Controls: Slider arrows and dots navigation 
* Social Sharing: Facebook, Twitter, WhatsApp buttons 
* Custom CSS Editor: Add your own styling 
* Custom Image Heights: Precise control over slider dimensions
Safe & Reliable: 
* Modern PSR-4 architecture 
* Secure license validation with local fallback 
* Responsive design with mobile optimization 
* Accessibility features included 
* Safe slider dimensions with built-in limits
<h3>Usage</h3>
FREE Version – Single Layout: 
One layout per page with basic customization + PRO license field: 
 <code>php 
[series_grid layout="grid" columns="3" categories="1,2,3] // Single layout 
[series_list count="6] // Single layout 
[series_slider auto_scroll="yes] // Single layout</code>
PRO Version – Multi-Instance Manager: 
Unlimited layouts on same page (requires valid PRO license): 
 <code>php 
// Access in Settings → Series Grid → PRO Advanced → Multi-Instance Manager 
[series_grid id="featured" layout="grid" columns="3" categories="1,2,3] 
[series_grid id="trending" layout="slider" auto_scroll="yes" categories="4,5] 
[series_grid id="recent" layout="list" categories="6,7]</code>
FREE Parameters: 
* <code>layout</code>: grid, list, slider (one per page) 
* <code>columns</code>: 1-6 (grid only) 
* <code>count</code>: number of posts 
* <code>categories</code>: category IDs (comma-separated) 
* <code>font_size</code>: small, medium, large 
* <code>show_category</code>: yes, no 
* <code>show_date</code>: yes, no 
* <code>show_introtext</code>: yes, no
PRO Parameters (requires license): 
* <code>id</code>: Unique instance ID (for multi-instance system) 
* <code>animation_effect</code>: none, fade, slide, zoom, bounce 
* <code>color_scheme</code>: default, dark, blue, green, red 
* <code>hover_effect</code>: basic, overlay, zoom, slide, flip 
* <code>image_aspect_ratio</code>: auto, 1-1, 4-3, 16-9, 3-2 
* <code>social_sharing</code>: yes, no 
* <code>auto_scroll</code>: yes, no (slider only) 
* <code>scroll_speed</code>: slow, normal, fast 
* <code>show_navigation</code>: yes, no (slider only) 
* <code>show_dots</code>: yes, no (slider only)
<h3>License Information</h3>
This plugin uses a dual licensing system: 
* Basic features: GPL2 (free) 
* PRO features: Commercial license required
Demo license keys are provided for testing purposes only. 
For production use, a valid commercial license is required.
<h3>Support</h3>
For support and licensing: 
* Visit: https://technodrome.nasrpskom.com 
* Email: support@technodrome.nasrpskom.com

Series Grid

Display posts in responsive grid, list, or slider layouts. PRO features include animations, color themes, auto-scroll, and social sharing.

Automattic

John Godley

Marcus Kazmierczak

Want to create a column-based layout with easily customizable column-width and positions? Or perhaps you want to align your content to a global layout grid across your post. With this Layout Grid block you can do both or either. There are also options to provide specific layouts to mobile or tablet breakpoints. Pick a number of columns (1-4), then go ahead and resize and position each column as you want them to look, for any screen. Optionally apply background colours and paddings to add emphasis.
<h3>Source and Support</h3>
You can follow development, file an issue, suggest features, and view the source at the Github repo: <a href="https://github.com/automattic/block-experiments" rel="nofollow ugc">https://github.com/automattic/block-experiments</a>

Layout Grid Block

Started using this block layout on a WordPress.com site as it was just there by default, then when I realised it wasn't available on my WordPress sites, I had to go get it. Very handy layout...

Very handy layout

Already working really well. It's clean and solid and intuitive. I'm working with it with the Kadence theme and it's excellent. Hope to see this in Gutenberg core soon!

Works really well


The is a more flexible replacement for the standard columns block. If you've ever battled with the standard columns to make multi-column components that adapted at mobile, tablet and desktop then I would definitely recommend this block.


A more flexible replacement for the standard columns block


Great block that allows placing and resizing blocks in a more flexible way than the regular columns block. I hope it is continually supported.


Great block!

A Gutenberg container block to let you align items consistently across a global grid.

Series Grid vs Layout Grid Block