Abu Hayat

bPlugins

btechnologies

asadsuzan

Faruk

<p><strong>Cards Layout</strong> is the ultimate Gutenberg block for WordPress users who need a professional way to display content. Whether you are building a portfolio, a team section, or a featured post list, this plugin provides the flexibility of <strong>Grid, List, and Carousel layouts</strong> in a single block.</p>
<p>Stop struggling with complex CSS. With Cards Layout, you can visually design your content cards directly within the WordPress editor. It is lightweight, SEO-friendly, and fully responsive, ensuring your cards look great on mobile, tablet, and desktop devices.</p>
<h3>Features</h3>
<ul>
<li>Default layout available.</li>
<li>Set card border, padding, and border radius.</li>
<li>Customize card title, description, and button typography, color, padding, and border radius.</li>
<li>Set card URL and button URL now open in a new tab .</li>
</ul>
<h4>How to use Cards Layout</h4>
<ul>
<li>First, Install the Cards Layout plugin from your WordPress dashboard.</li>
<li>Open the Gutenberg editor and search for “Cards Layout” or find it in the Widgets block category.</li>
<li>Customize the design, colors, and typography using the settings sidebar on the right.</li>
<li>
<p>Publish your page and enjoy your new layout!</p>
</li>
<li>
<p>For installation help click on Installation Tab</p>
</li>
</ul>
<h4>– Did you like this plugin? Dislike it? Have a feature request? [Please share your feedback with us](mailto:omor45faruk@gmail.com</h4>
<p>‘Send feedback’)</p>


Cards Layout

A powerful, customizable Gutenberg block to create stunning card layouts, responsive grids, and carousels for your content.

musicalbigfoot

Dwayne Parton

geckodesigns

<p>A css grid layout block for gutenberg. It allows you to create masonry like content. This could be a gallery, content flowing in unique ways, or whatever.</p>
<p>Grid Layout is a tool for developers. Themes can determine the styles that are available on the grid items with minimum interference from inline styles. Developers can also update the markup with the filters available.</p>
<h4>Filters(Developers)</h4>
<ul>
<li>gecko/grid-layout-basic/defaults</li>
<li>gecko/grid-layout-basic/class</li>
<li>gecko/grid-layout-basic/style</li>
<li>gecko/grid-layout-image/defaults</li>
<li>gecko/grid-layout-image/class</li>
<li>gecko/grid-layout-image/style</li>
<li>gecko/grid-layout-item/defaults</li>
<li>gecko/grid-layout-item/class</li>
<li>gecko/grid-layout-item/style</li>
</ul>


Gecko Grid Layout

A css grid layout block for gutenberg. It allows you to create masonry like content. This could be a gallery, content flowing in unique ways, or whate …

Cards Layout vs Gecko Grid Layout