Automattic

Alex Lende

Pablo Honey

Everything was made of collapsing stars, we are all made of star stuff. Now we also can create content in WordPress with stars in motion.
<h3>Requirements</h3>
As this is part of a series of block experiments, the latest version of the <a href="https://wordpress.org/plugins/gutenberg/" rel="ugc">Gutenberg Plugin</a> is required.
<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>

Starscape Block

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.

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