netbiel

A design library that streamlines the process of designing and implementing your website.
<ul>
<li>With a ready-made library of predefined Gutenberg responsive sections, you can easily implement your project in WordPress.</li>
<li>With <a href="https://www.figma.com/community/file/1273281724920036886" rel="nofollow ugc">Figma UI Kit</a>, you can easily design a page layout with Gutenberg Kadence Blocks specificity without worrying about future implementation</li>
</ul>
Sections designed in Figma and available in the Design Library in the WordPress editor have exactly the same names, and have been grouped into several categories, such as: Hero Sections, Features, Call to Action, Portfolio, Content, Metrics, Contact, etc.
<ul>
<li><a href="https://rocksite.pro/rocksite-kit/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme-description" rel="nofollow ugc">Rocksite Kit – More Info</a></li>
<li><a href="https://cloud.rocksite.pro/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme-description" rel="nofollow ugc">Visual Documentation</a></li>
</ul>
In WordPress Editor You can choose a premade section and add it on your site in just one click. After that you can customize a section for your needs by using options of the selected block.
PLUGINS REQUIRED
<ul>
<li><a href="https://wordpress.org/plugins/kadence-blocks/" rel="ugc">Kadence Blocks (free)</a></li>
</ul>
RECOMMENDED THEMES
The designs will adapt to the styles of the theme you are currently using, but you will get the best results by using the free:
<ul>
<li><a href="https://wordpress.org/themes/kadence/" rel="ugc">Kadence (free)</a></li>
<li><a href="https://wordpress.org/themes/blockfold/" rel="ugc">Blockfold (free)</a></li>
</ul>
DESIGN LIBRARY CLOUD
Rocksite Kit adds automatic connection to a collection of sections from external url in rockite.pro domain. This functionality is based on Kadence Cloud.
PRIVACY
Rocksite Sections plugin uses a custom API to fetch blocks patterns libraries from cloud.rocksite.pro when you clicks on the “Design library” button above the editor. I collect data and information as indicated in my Privacy Policy: https://rocksite.pro/privacy-policy/
<h3>Privacy</h3>
Rocksite Sections plugin uses a custom API to fetch blocks patterns libraries from cloud.rocksite.pro when you clicks on the “Design library” button above the editor. I collect data and information as indicated in my Privacy Policy: https://rocksite.pro/privacy-policy/
<h3>Free and Premium Version</h3>
Free sections based on Gutenberg blocks from Kadence Blocks plugin (fee) will continue to work even if Rocksite Section is uninstalled. The paid sections are tagged with a ‘Pro’ tag and only work with the paid theme – Blockfold. Users can optionally purchase Blockfold on Creative Market.
Rocksite Sections includes links to buy Blockfold on Creative Market. The purchasing process takes place on Creative Market. You can find their privacy policy here: https://creativemarket.com/privacy and Terms of Use here: https://creativemarket.com/terms
The current list of free and premium sections also short documentation you can find here: https://cloud.rocksite.pro/index.php/documentation/

Rocksite Kit – Kadence Blocks Patterns with Figma UI Kit

Collection of ready-to-use Gutenberg sections (block patterns) based on Kadence Blocks Library: Hero Sections, Features Sections, Call to Actions etc.

AF themes

Blockspare

Building a professional blog, news, magazine, or business website often requires a lot of time spent on layouts, post presentation, responsiveness, and design consistency. Many users want polished results without writing custom code or assembling everything from scratch.
<a href="https://blockspare.com/" rel="nofollow ugc">BlockSpare</a> helps you build faster by providing a growing library of ready-to-use Gutenberg blocks, patterns, and starter templates — designed specifically for content-rich and business websites.
<h3>The BlockSpare approach</h3>
Instead of starting with a blank editor, BlockSpare lets you start with structured, production-ready layouts that you can customize visually using the WordPress Block Editor.
BlockSpare focuses on: 
✅ Practical layouts for real websites 
✅ Flexible post display and filtering 
✅ Reusable patterns and templates 
✅ Clean output and editor-first workflow
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/JHNIdv4C690?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>
<h3>What you can build with BlockSpare</h3>
BlockSpare includes blocks and templates designed for: 
👉 <a href="https://demos.afthemes.com/covernews/my-portfolio/" rel="nofollow ugc">Blogs & personal websites</a> 
👉 <a href="https://demos.afthemes.com/morenews/moreblock/" rel="nofollow ugc">News & magazine portals</a> 
👉 <a href="https://demos.afthemes.com/reviewnews/ministry-of-culture/" rel="nofollow ugc">Business & agency websites</a> 
👉 <a href="https://demos.afthemes.com/covernews/pizzaworld/" rel="nofollow ugc">Landing pages & marketing sections</a> 
👉 <a href="https://demos.afthemes.com/reviewnews/gutenberg/" rel="nofollow ugc">Content-heavy editorial layouts</a>
It allows you to assemble pages quickly while keeping full control over typography, spacing, colors, and responsiveness.
<h3>Key features</h3>
Starter Templates: 
👉 500+ pre-built pages 
👉 100+ landing pages 
👉 200+ sections 
👉 50+ header/footer templates 
👉 One-click import or copy/paste into any page
Post Presentation: 
👉 Post Grid, Post List, Post Tile 
👉 Post Slider, Post Carousel 
👉 Masonry Layout 
👉 Trending posts and news Ticker 
👉 Timeline and large featured layouts
Image & Gallery Blocks: 
👉 Image Slider 
👉 Image Carousel 
👉 Masonry Gallery 
👉 Logo grid
Business & Utility Blocks: 
👉 Pricing Table & Price List 
👉 Testimonial 
👉 Services & Content Boxes 
👉 Call-to-Action 
👉 Counter & Progress Bar 
👉 Tabs & Accordion 
👉 Notice Bar, Date & Time
Customization & Controls: 
👉 Multiple layouts 
👉 Typography settings 
👉 Colors and backgrounds 
👉 Spacing and gaps 
👉 Border, radius, and shadow controls 
👉 Responsive visibility options
Customization & Controls: 
👉 Save your own reusable patterns 
👉 Copy/paste sections between pages 
👉 Build layouts visually using Gutenberg 
👉 No lock-in, no shortcodes
Performance & Compatibility: 
👉 Lightweight and optimized codebase 
👉 Works with any Gutenberg-compatible theme 
👉 Compatible with other block plugins
<h3>Starter templates & demos (highlights)</h3>
Import a complete starter layout and customize it for your content:
<ul>
<li>News & Magazine: <a href="https://demos.afthemes.com/morenews/horizon-times/" rel="nofollow ugc">General News</a>, <a href="https://demos.afthemes.com/covernews/hybridnews-dark/" rel="nofollow ugc">Sports</a>, <a href="https://demos.afthemes.com/morenews/info-update/" rel="nofollow ugc">Entertainment</a> </li>
<li>Lifestyle: <a href="https://demos.afthemes.com/morenews-pro/news-nova/" rel="nofollow ugc">Fashion & Lifestyle</a>, <a href="https://demos.afthemes.com/newsever-pro/birds-blog/" rel="nofollow ugc">Travel</a>, <a href="https://demos.afthemes.com/covernews/pizzaworld/" rel="nofollow ugc">Recipes</a> </li>
<li>Business & Agency: <a href="https://demos.afthemes.com/reviewnews-pro/generic/" rel="nofollow ugc">Corporate</a>, <a href="https://demos.afthemes.com/morenews-pro/business/" rel="nofollow ugc">Agency</a>, <a href="https://demos.afthemes.com/covernews/human-rights/" rel="nofollow ugc">Legal</a>, <a href="https://demos.afthemes.com/covernews/real-estate/" rel="nofollow ugc">Construction</a> </li>
<li>Education & Nonprofit: <a href="https://demos.afthemes.com/reviewnews/generic/" rel="nofollow ugc">Education</a>, <a href="https://demos.afthemes.com/morenews/child-centered-education/" rel="nofollow ugc">Montessori</a>, <a href="https://demos.afthemes.com/morenews-pro/ngo/" rel="nofollow ugc">Charity</a> </li>
<li>Healthcare & Services: <a href="https://demos.afthemes.com/morenews-pro/health-horizon/" rel="nofollow ugc">Medical</a>, <a href="https://demos.afthemes.com/morenews-pro/om-balance/" rel="nofollow ugc">Fitness</a>, <a href="https://demos.afthemes.com/covernews-pro/dental-glow/" rel="nofollow ugc">Dentist</a> </li>
<li>Other niches: <a href="https://demos.afthemes.com/morenews-pro/engineering/" rel="nofollow ugc">Real Estate</a>, <a href="https://demos.afthemes.com/covernews-pro/foodinn/" rel="nofollow ugc">Restaurant</a>, <a href="https://demos.afthemes.com/morenews-pro/vehicle-trade/" rel="nofollow ugc">Auto Service</a>, <a href="https://demos.afthemes.com/morenews-pro/pet-palace/" rel="nofollow ugc">Pet Care</a>, <a href="https://demos.afthemes.com/covernews/apps/" rel="nofollow ugc">Technology</a></li>
</ul>
Browse all starter templates: https://www.blockspare.com/
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/elLCTqnQMI0?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>
<h3>Blocks & Layouts</h3>
Post / News blocks 
✔ Hero banner layouts 
✔ Flash posts & news ticker 
✔ Trending posts carousel 
✔ Post Grid, Tile, List, Express Grid 
✔ Post Slider & Carousel 
✔ Timeline and full-width layouts
Image & Media 
✔ Image Carousel 
✔ Image Masonry 
✔ Image Slider 
✔ Logo Grid
Business & General 
✔ Section Header 
✔ Container & Content Box 
✔ Button, Icon, Icon List 
✔ Counter, Progress Bar 
✔ Pricing Table, Price List 
✔ Testimonial, User Profile / Author box 
✔ Tabs, Accordion, Notice Bar, Date & Time
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/keMO48vPIxY?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>
<h3>Advanced post queries builder</h3>
BlockSpare includes AJAX-powered post queries builder, allowing visitors to browse posts without reloading the page.
✔ Display Posts by Category 
✔ Display Posts by Tags 
✔ Display Posts by Modified Date 
✔ A–Z / Z–A ordering 
✔ Ascending / Descending 
✔ Menu Order 
✔ Random order
AJAX pagination helps users explore more content within the same section.
<a href="https://www.blockspare.com/" rel="nofollow ugc">Try it Now</a>
<h3>How it works (3 simple steps)</h3>
<ol>
<li>Choose a template or block from the Patterns Library or demo gallery. </li>
<li>Import or copy it into your page or post</li>
<li>Customize content and design using Gutenberg</li>
</ol>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/jmuK1o6U9mQ?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>
Recommended Themes
BlockSpare works with all modern WordPress themes and has been tested with:
✔ <a href="https://wordpress.org/themes/covernews/" rel="ugc">CoverNews</a> 
✔ <a href="https://wordpress.org/themes/chromenews/" rel="ugc">ChromeNews</a> 
✔ <a href="https://wordpress.org/themes/morenews/" rel="ugc">MoreNews</a> 
✔ <a href="https://wordpress.org/themes/reviewnews/" rel="ugc">ReviewNews</a> 
✔ <a href="https://wordpress.org/themes/newsphere/" rel="ugc">Newsphere</a> 
✔ Twenty Twenty-Five 
✔ Astra 
✔ Ocean WP 
✔ Blocksy 
✔ Kadence 
✔ Generatepress 
✔ Neve 
✔ <a href="https://wordpress.org/themes/author/afthemes/" rel="ugc">And all themes from AF Themes</a>
<h3>Other Plugins by AF themes</h3>
If you find BlockSpare useful, you may also like:
<a href="https://wordpress.org/plugins/templatespare/" rel="ugc">TemplateSpare:</a> 1000+ starter templates and full site import/export solution.
<a href="https://wordpress.org/plugins/elespare/" rel="ugc">EleSpare:</a> News, magazine, and blog addons for Elementor.
<a href="https://wordpress.org/plugins/wp-post-author/" rel="ugc">WP Post Author:</a> Author box, co-authors, and guest author management.

BlockSpare – Gutenberg Post Grid Blocks for News, Magazine & Blog Websites

Create post grids, sliders, filters, tickers and magazine layouts with Gutenberg blocks for news, magazine and blog websites.

Rocksite Kit – Kadence Blocks Patterns with Figma UI Kit vs BlockSpare – Gutenberg Post Grid Blocks for News, Magazine & Blog Websites