Munir Kamal

Editor Plus extends Gutenberg editor with blocks, advanced design controls, typography, icons, Shape Divider, animations and many more features.
<h3>Gutenberg Blocks Library & Toolkit – Editor Plus</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/sU0LkhS8OMk?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>
<a href="https://wpeditorplus.com?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=editorplus" rel="nofollow ugc">Editor Plus</a> extends Gutenberg editor with blocks, advanced Design Controls, Typography, Icons, Shape Divider, Animations and many more features.
Design better pages in Gutenberg editor, faster.
<h3>No-Code Style Editor for WordPress</h3>
Customize Gutenberg blocks visually without code. Add background, adjust size, apply spacing and more. Supercharge Gutenberg Editor!
⚡️ Animation
✏️ Typography
📐 Spacing
🖼 Border
🏞 Background
❑ Box-Shadow
👀 Visibility
🌈 Shape Divider
💎 Icons
🔜 More features to be added.
⭐️ All these stylings can be adjusted for Responsive (Desktop, Tablet & mobile) and Hover!
<h3>Custom CSS Editor for Power Users</h3>
You can write your custom CSS code as well. The custom CSS code box will be available for all Gutenberg core blocks as well as via the plugin admin area for writing global CSS that applies throughout your website (including Gutenberg editor screen).
<h3>🧱 Missing Gutenberg Blocks 🧱</h3>
Missing a block from WordPress block editor? We feel that and have added a bunch of useful blocks that are missing in the core. Here is a list of available blocks.
<ul>
<li>Tabs Block</li>
<li>Accordion Block / Toggle Block</li>
<li>Icon Block</li>
<li>Rating Block</li>
<li>Progress Bar Block</li>
<li>Stats Block / Counter Block</li>
<li>Countdown Timer Block</li>
</ul>
<blockquote>
If you want to suggest a block, please feel free to do that via the support forum.
</blockquote>
<h3>⚡️ Add Animation in Gutenberg WordPress ⚡️</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/v8O82IAjviM?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>
Now you can easily animate your content in WordPress Block Editor. You can easily and visually create animation effects by just a few clicks. No custom CSS code required. Best of all we are not using any custom CSS library for creating these animations, we are using optimized custom code behind the scene.
Following animation effects currently available:
<ul>
<li>Fade</li>
<li>Slide</li>
<li>Bounce</li>
<li>Zoom</li>
<li>Flip</li>
<li>Fold</li>
<li>Roll</li>
</ul>
<h3>✏️ Tweak Content Typography in Gutenberg WordPress</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Fo7r0YjBUIg?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>
Now it is super easy to tweak your content Typography in Gutenberg WordPress Editor using the Editor Plus plugin. 😮
You can easily adjust the following font properties visually using the “Typography” panel available for content blocks.
<ul>
<li>Font Weight</li>
<li>Font Style</li>
<li>Font Size</li>
<li>Letter Spacing</li>
<li>Line Height</li>
<li>Color</li>
</ul>
And as Editor Plus allows you to tweak these options for Responsive and Hover, this makes it easier for you to adjust your typography for mobile & tablet differently.
<h3>💎 Add Icons anywhere (RichText) in Gutenberg Editor 💎</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/yN-APh21obE?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>
Need to insert an icon? Editor Plus brings icons integration that enables you to insert icons anywhere where you can insert text. You can add icons to paragraphs, headlines, buttons, or any other place where you can write text in the editor. Additionally, you can also apply a background color, add a border, and set border-radius to the icons. Currently, we’ve included Font Awesome and Icon Moon icon libraries, but, we may add more in the future.
<h3>🌈 Add Nice SVG Shape Dividers in Gutenberg Editor 🌈</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/BimiwZOens8?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>
SVG shape dividers or separators add a nice visual effect to your section or content. Now you can easily add and customize it in Gutenberg WordPress Editor. Currently supported on the following blocks:
<ul>
<li>Cover Block</li>
<li>Columns Block & inner Column Block</li>
<li>Group Block</li>
</ul>
As it is available for the Group block means you can simply group any block(s) content and add a shape divider to the group.
<h3>🦸‍♂️ Be a Pro – Copy & Paste Block Styles & Responsive Visual Editing 🦸‍♂️</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/HpJdJCuC5kQ?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>
Starting with Editor Plus v1.6.0, now you can copy a block style and paste it to another block with a click quickly. You do not need to re-style the same thing again and again.
This release also improved responsive editing features by synchronizing the responsive previewer window.
<h3>There is much more to come, stay tuned.</h3>
More exciting features and enhancements are planned for the WordPress Gutenberg Editor. Stay tuned for updates. 😇

Gutenberg Blocks Library & Toolkit – Editor Plus

Editor Plus extends Gutenberg editor with blocks, advanced design controls, typography, icons, Shape Divider, animations and many more features.

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.

Gutenberg Blocks Library & Toolkit – Editor Plus vs BlockSpare – Gutenberg Post Grid Blocks for News, Magazine & Blog Websites