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.

g5theme

<p><a href="http://g5plus.net/" rel="nofollow ugc">Main Site</a> | <a href="http://themes.g5plus.net/plugins/grid/?utm_source=wp&utm_medium=grid_description&utm_content=website_introduction" rel="nofollow ugc">Demo</a> | <a href="http://plugins.g5plus.net/documents/grid-plus/" rel="nofollow ugc">Docs</a> | <a href="https://codecanyon.net/item/grid-plus-unlimited-grid-layout/19444153?utm_source=wp&utm_medium=grid_descrtipion&utm_campaign=premium-grid-plus" rel="nofollow ugc">Premium Version</a></p>
<p><em>Create unlimited layout and display all post types.</em></p>
<p>Grid Plus is a WordPress grid plugin which allows you create unlimited layout and display all post types in a fully customizable and responsive grid system. It is perfectly suited for displaying your blog, portfolio, e-commerce or any kind of WordPress post type.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/CUOywQAadzU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Grid Plus features</h4>
<ul>
<li>
<p>Responsive Ready: Grid looks great from small resolutions to large displays.</p>
</li>
<li>
<p>Unlimited color: You can set your own color scheme or choose from custom css for each grid.</p>
</li>
<li>
<p>Media Metabox Ready: provide media metabox for post and custom post type.</p>
</li>
<li>
<p>Layout builder: With layout builder, you can build many layout follow what you want:</p>
<ul>
<li>Grid layout</li>
<li>Masonry layout</li>
<li>Carousel layout</li>
</ul>
</li>
<li>
<p>Add more skin: Grid provide action hook for developer can be add more item skin</p>
</li>
<li>
<p><a href="http://plugins.g5plus.net/documents/grid-plus/" rel="nofollow ugc">Well documented</a>.</p>
</li>
<li>
<p>Developer friendly. Grid Plus is built to be extensible.</p>
</li>
</ul>
<h4>Demo</h4>
<ul>
<li>
<a href="http://themes.g5plus.net/plugins/grid" rel="nofollow ugc">http://themes.g5plus.net/plugins/grid</a>
</li>
</ul>
<h4>Video how to</h4>
<ol>
<li>How to create grid layout.<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/tj7sgE8jBOw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></li>
<li>How to create masonry layout.<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/L0eMag7j9z8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></li>
<li>How to create carousel layout.<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/nhUbzv7CAvw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></li>
<li>How to create metro layout. <strong>(Pro Feature)</strong><br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/CUOywQAadzU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></li>
<li>How to import & export layout. <strong>(Pro Feature)</strong><br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/VF62jDNKnp0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></li>
<li>How to manage image and video.<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/O0vDi5lYuI0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></li>
</ol>
<blockquote>
<h4>Become a Premium user</h4>
<p>Grid Plus has a Premium version which comes with several additional benefits.</p>
<ul>
<li>Import & Export: You can export grid layout from another site and import to new site easy</li>
<li>Unlimited Layout: include layout builder for <a href="https://www.youtube.com/watch?v=CUOywQAadzU" rel="nofollow ugc">Metro layout</a></li>
<li>More item <a href="http://themes.g5plus.net/plugins/grid" rel="nofollow ugc">skin</a></li>
</ul>
<p><a href="https://codecanyon.net/item/grid-plus-unlimited-grid-layout/19444153?ref=g5theme" rel="nofollow ugc">View more Premium features</a></p>
</blockquote>


Grid Plus – Unlimited grid layout

Grid Plus is a  WordPress plugin which allows you create unlimited layout and display all post types in a fully customizable.

Cards Layout vs Grid Plus – Unlimited grid layout