Munir Kamal

<p>Editor Plus extends Gutenberg editor with blocks, advanced design controls, typography, icons, Shape Divider, animations and many more features.</p>
<h3>Gutenberg Blocks Library & Toolkit – Editor Plus</h3>
<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/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></span></p>
<p><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.</p>
<p><strong>Design better pages in Gutenberg editor, faster.</strong></p>
<h3>No-Code Style Editor for WordPress</h3>
<p>Customize Gutenberg blocks visually without code. Add background, adjust size, apply spacing and more. Supercharge Gutenberg Editor!</p>
<p>⚡️ Animation</p>
<p>✏️ Typography</p>
<p>📐 Spacing</p>
<p>🖼 Border</p>
<p>🏞 Background</p>
<p>❑  Box-Shadow</p>
<p>👀 Visibility</p>
<p>🌈 Shape Divider</p>
<p>💎 Icons</p>
<p>🔜 More features to be added.</p>
<p>⭐️ All these stylings can be adjusted for Responsive (Desktop, Tablet & mobile) and Hover!</p>
<h3>Custom CSS Editor for Power Users</h3>
<p>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).</p>
<h3>🧱 Missing Gutenberg Blocks 🧱</h3>
<p>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.</p>
<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>
<p>If you want to suggest a block, please feel free to do that via the support forum.</p>
</blockquote>
<h3>⚡️ Add Animation in Gutenberg WordPress ⚡️</h3>
<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/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></span></p>
<p>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.</p>
<p>Following animation effects currently available:</p>
<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>
<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/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></span></p>
<p>Now it is super easy to tweak your content Typography in Gutenberg WordPress Editor using the Editor Plus plugin. 😮</p>
<p>You can easily adjust the following font properties visually using the “Typography” panel available for content blocks.</p>
<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>
<p>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.</p>
<h3>💎 Add Icons anywhere (RichText) in Gutenberg Editor 💎</h3>
<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/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></span></p>
<p>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.</p>
<h3>🌈 Add Nice SVG Shape Dividers in Gutenberg Editor 🌈</h3>
<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/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></span></p>
<p>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:</p>
<ul>
<li>Cover Block</li>
<li>Columns Block & inner Column Block</li>
<li>Group Block</li>
</ul>
<p>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.</p>
<h3>🦸‍♂️ Be a Pro – Copy & Paste Block Styles & Responsive Visual Editing 🦸‍♂️</h3>
<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/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></span></p>
<p>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.</p>
<p>This release also improved responsive editing features by synchronizing the responsive previewer window.</p>
<h3>There is much more to come, stay tuned.</h3>
<p>More exciting features and enhancements are planned for the WordPress Gutenberg Editor. Stay tuned for updates. 😇</p>


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.

MotoPress

<p>Getwid is a <strong>collection of 40+ Gutenberg blocks</strong> that greatly extends the library of existing core WordPress blocks and 35+ unique pre-made block templates for the Block Editor.</p>
<ul>
<li><a href="https://getwid.getmotopress.com/" rel="nofollow ugc">View Demo</a></li>
<li><a href="https://www.youtube.com/playlist?list=PLbDImkyrISyLX7CwC1bHWTwJLwlBBmrhp" rel="nofollow ugc">Video Tutorials</a></li>
<li><a href="https://www.facebook.com/groups/474242029787020/" rel="nofollow ugc">Facebook Community</a></li>
</ul>
<p>The Getwid Gutenberg blocks ship with all the common blocks available in other Gutenberg add-ons usually offered as premium plugins, PLUS Getwid has a great bunch of unique blocks!</p>
<ul>
<li>Advanced Gutenberg blocks for designed for developers.</li>
<li>Extensive attributes for each block.</li>
<li>Real-time customization.</li>
<li>Works great with any WordPress theme.</li>
<li>Seamless interplay with the core Gutenberg blocks.</li>
<li>Performance-oriented WordPress Gutenberg blocks plugin.</li>
</ul>
<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/6nexYIpIC4E?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>
<h3>Getwid free gutenberg blocks</h3>
<p>Multifunctional static and dynamic blocks for Gutenberg:</p>
<ul>
<li><a href="https://getwid.getmotopress.com/blocks/section-block/" rel="nofollow ugc">Section Block</a> – build custom page section layouts of any type (set alignments; use video, slider and image backgrounds; change foregrounds, apply animation, play with colors and shapes, etc.).</li>
<li><a href="https://getwid.getmotopress.com/blocks/advanced-heading-block/" rel="nofollow ugc">Advanced Heading Block</a> – a rich typography control panel for creating catchy headings – access to Google fonts, styles, sizes, one-click text case conversion, spacing and colors.</li>
<li><a href="https://getwid.getmotopress.com/blocks/google-maps-block/" rel="nofollow ugc">Google Maps Block</a> – embed simple Google Maps with unlimited custom markers using this WordPress Gutenberg plugin.</li>
<li><a href="https://getwid.getmotopress.com/blocks/icon-block/" rel="nofollow ugc">Icon Block</a> – create effective and clear user interfaces with a collection of customizable icons.</li>
<li><a href="https://getwid.getmotopress.com/blocks/icon-box-block/" rel="nofollow ugc">Icon Box Block</a> – construct responsive service boxes with icons, headings and text boxes using premade styles, modifying colors, sizes and hover effects.</li>
<li><a href="https://getwid.getmotopress.com/blocks/image-box-block/" rel="nofollow ugc">Image Box Block</a> – get deeper into image presentation – add animation effects, apply the needed size in clicks and modify spacing.</li>
<li><a href="https://getwid.getmotopress.com/blocks/social-links-block/" rel="nofollow ugc">Social Links Block</a> – add any social icons, customize their alignment for different devices, go with pre-made layouts and alter their size and spacing.</li>
<li><a href="https://getwid.getmotopress.com/blocks/banner-block/" rel="nofollow ugc">Banner Block</a> – advertise wisely with fully customizable banners for which you can define sizes, alignments, colors, animation effects and more tools for better presentation of your offerings.</li>
<li><a href="https://getwid.getmotopress.com/blocks/image-slider-block/" rel="nofollow ugc">Image Slider Block</a> – a better way to create image sliders with full control over navigation styles, image sizes and animation effects.</li>
<li><a href="https://getwid.getmotopress.com/blocks/media-text-slider-block/" rel="nofollow ugc">Media & Text Slider Block</a> – showcase brilliant sliders with texts, set custom content width and alignment, apply text and color overlays, choose slide and text animation effects individually.</li>
<li><a href="https://getwid.getmotopress.com/blocks/button-group-block/" rel="nofollow ugc">Button Group Block</a> – add several Gutenberg blocks WordPress call-to-action buttons in style and harmony; update width, alignment and direction for the whole set of buttons at the same time.</li>
<li><a href="https://getwid.getmotopress.com/blocks/person-block/" rel="nofollow ugc">Person Block</a> – create simple and stunning team showcase sections with the settings for job titles, names and image sizes.</li>
<li><a href="https://getwid.getmotopress.com/blocks/accordion-block/" rel="nofollow ugc">Accordion Block</a> – snap and functional accordion tabs section with customizable icons and heading types. Perfect Gutenberg plugin for FAQ sections.</li>
<li><a href="https://getwid.getmotopress.com/blocks/toggle-block/" rel="nofollow ugc">Toggle Block</a> – similar to Accordion block, but it lets users expand tabs manually.</li>
<li><a href="https://getwid.getmotopress.com/blocks/tabs-block/" rel="nofollow ugc">Tabs Block</a> – horizontal or vertical tabs with a bunch of pre-set styles and customizable headings.</li>
<li><a href="https://getwid.getmotopress.com/blocks/image-stack-gallery-block/" rel="nofollow ugc">Image Stack Gallery Block</a> – breathtaking, fully customizable image galleries with seven different styles to unleash your creativity and find a perfect solution for your current WordPress theme design.</li>
<li><a href="https://getwid.getmotopress.com/blocks/testimonial-block/" rel="nofollow ugc">Testimonial Block</a> – a no-frills testimonial block with an author avatar, citation and name.</li>
<li><a href="https://getwid.getmotopress.com/blocks/recent-posts-block/" rel="nofollow ugc">Recent Posts Block</a> – present your latest posts with custom metadata, list or grid layout and a choice of different output behaviors.</li>
<li><a href="https://getwid.getmotopress.com/blocks/advanced-spacer-block/" rel="nofollow ugc">Advanced Spacer Block</a> – add a space between your blocks with an adjustable spacer in the Gutenberg page builder – optionally hide it on mobile, tablet or desktop devices.</li>
<li><a href="https://getwid.getmotopress.com/blocks/instagram-block/" rel="nofollow ugc">Instagram Block</a> – it provides an easy way to connect your Instagram to WordPress and creates a customizable live-feed gallery.</li>
<li><a href="https://getwid.getmotopress.com/blocks/counter-block/" rel="nofollow ugc">Counter Block</a> – show the most significant data about your business in numbers with the lightweight animated counters.</li>
<li><a href="https://getwid.getmotopress.com/blocks/price-box-block/" rel="nofollow ugc">Price Box Block</a> – visualize any data by creating all sorts of comparison and pricing tables.</li>
<li><a href="https://getwid.getmotopress.com/blocks/progress-bar-block/" rel="nofollow ugc">Progress Bar Block</a> – a simple animated horizontal progress bar with customizable colors.</li>
<li><a href="https://getwid.getmotopress.com/blocks/circle-progress-bar-block/" rel="nofollow ugc">Circular Progress Bar Block</a> – animated circular progress bars with the adjustable bar sickness, size and colors.</li>
<li><a href="https://getwid.getmotopress.com/blocks/contact-form-block/" rel="nofollow ugc">Contact Form Block</a> – a simple contact form with a traditional set of the form fields, customizable labels and support for reCAPTCHA.</li>
<li><a href="https://getwid.getmotopress.com/blocks/posts-carousel-block/" rel="nofollow ugc">Post Carousel Block</a> – use agile customization options to showcase posts, pages or custom post types in a catchy carousel with a custom layout.</li>
<li><a href="https://getwid.getmotopress.com/blocks/price-list-block/" rel="nofollow ugc">Price List Block</a> – a perfect block for featuring restaurant menu prices or a table of contents with the adjustable headings, dotted lines, colors, and images.</li>
<li><a href="https://getwid.getmotopress.com/blocks/posts-slider-block/" rel="nofollow ugc">Post Slider Block</a> – fetch your already existing posts, products or other custom post types data into a deeply tunable, stylish slider with several premade layouts.</li>
<li><a href="https://getwid.getmotopress.com/blocks/posts-grid-list/" rel="nofollow ugc">Custom Post Type Block</a> – grid, list or custom view of any custom post types with numerous layout and style customization settings.</li>
<li><a href="https://getwid.getmotopress.com/blocks/mailchimp-block/" rel="nofollow ugc">Mailchimp Block</a> – easy MailChimp API integration for adding email subscription forms.</li>
<li><a href="https://getwid.getmotopress.com/countdown-block/" rel="nofollow ugc">Countdown Block</a> – a dynamic countdown timer with deeply customizable numeric values and time labels, for which you can set a font family and style, sizes, colors, spacing and more.</li>
<li><a href="https://getwid.getmotopress.com/video-popup-block/" rel="nofollow ugc">Video Popup Block</a> – display your Youtube, Vimeo or self-hosted videos in popups; the play video button, custom video covers, colors and sizes of the block containers are fully adjustable.</li>
<li><a href="https://getwid.getmotopress.com/content-timeline-block/" rel="nofollow ugc">Content Timeline Block</a> – display chronological order of any events in a stylish timeline graph with such adjustable containers as headings, subheadings, images, etc.</li>
<li><a href="https://getwid.getmotopress.com/image-hotspot-block/" rel="nofollow ugc">Image Hotspot Block</a> – the Unique one on the Gutenberg addons market! place unlimited animated markers with fully customizable tooltips over your image to make it more informative and interactive.</li>
<li><a href="https://getwid.getmotopress.com/blocks/table-of-contents-wordpress-block/" rel="nofollow ugc">Table of Contents Block</a> – an ordered or unordered table of contents that is based on your page headings (H2, H3, H4, etc.).</li>
<li><a href="https://getwid.getmotopress.com/blocks/anchor-wordpress-block/" rel="nofollow ugc">Anchor Block</a> – an easy tool to add quick page jumps to a certain part of a page using an HTML anchor #.</li>
<li><a href="https://getwid.getmotopress.com/blocks/advanced-table-wordpress-block/" rel="nofollow ugc">Advanced Table Block</a> – a table Gutenberg block that allows for merging cells, customizing background, and adjusting borders.</li>
<li><a href="https://getwid.getmotopress.com/content-slider-wordpress-block/" rel="nofollow ugc">Content Slider Block</a> – display any Gutenberg Block like a slider to create an eye-catching presentation of anything you need efficiently and effortlessly in the Gutenberg block builder.</li>
</ul>
<p><a href="https://motopress.com/blog/category/getwid-gutenberg-blocks/" rel="nofollow ugc">Settings and examples</a> of each Getwid block. We are in the process of building more on-demand blocks for Gutenberg!</p>
<h3>Getwid WordPress block theme</h3>
<p>Check our free Getwid Base theme designed for full compatibility with Getwid plugin.</p>
<p><a href="https://wordpress.org/themes/getwid-base/" rel="ugc">Download Getwid Base theme</a></p>
<h3>Design boilerplate for developers</h3>
<p>WordPress Blocks by Getwid can be easily styled to match your theme with a free Getwid Style Kit we created specifically for you. It comes with useful theme support snippets and CSS classes to help you simplify and accelerate the development process of your themes built with Getwid and Gutenberg blocks.</p>
<p><a href="https://github.com/motopress/getwid-style-kit" rel="nofollow ugc">Download Getwid Style Kit</a></p>
<h3>Automated content generation with AI Assistant</h3>
<p>The Getwid AI Assistant block will instantly generate high-quality content for you right in the WordPress block editor.</p>
<p>Powered by the open-source artificial intelligence (AI) technologies, this block is made to save you time and resources on crafting compelling headings, writing blog posts, building tables and overall creating more professional content of various types.</p>
<h3>Pre-designed templates and blocks</h3>
<p>This plugin comes with a library of pre-designed layouts to help you quickly build a beautiful website with the new block editor.</p>
<ul>
<li>Website hero and sub-hero section templates.</li>
<li>About us and Contact us templates.</li>
<li>Image gallery templates.</li>
<li>Features and Services templates.</li>
<li>Team and FAQ, etc.</li>
</ul>
<p>View also <a href="https://motopress.com/products/category/gutenberg-wordpress-themes/" rel="nofollow ugc">Gutenberg WordPress themes</a> for different business niches that are built with Getwid.</p>
<h3>Custom Field Filter and Meta Query</h3>
<p>The Custom post type, Post slider, and Post carousel blocks can be extended with custom filters sourced by third-party plugins (WooCommerce, Advanced Custom Fields, Events Calendar etc.) that have their own custom fields. Getwid blocks use these fields as meta queries to allow you to organize automatic rendering of posts by a wider range of custom filters.</p>
<h3>Collection of WordPress blocks</h3>
<p>Our collection of extra WordPress blocks for Gutenberg page builder ships with a broad blocks bundle for the needs of business websites, startups, creative projects and a diversity of other niches. It enables you to create efficient landing pages, services pages, portfolios, and make your overall transition to Gutenberg less stressful!</p>
<p>It’s brought to you by MotoPress – a trusted WordPress developer with more than 10 years of experience in creating WordPress tools for content building, including our popular <a href="https://motopress.com/products/category/wordpress-booking-plugins/" rel="nofollow ugc">WordPress Booking Plugins</a>.</p>
<h3>Optimized for WordPress Full Site Editing</h3>
<p>Since version 2.0 of Getwid, the plugin integrates flawlessly with any FSE-enabled WordPress theme, letting you use a vast arsenal of blocks throughout your website. Create custom headers, footers, and even navigation just by using blocks, including those by Getwid!</p>
<p>Download <a href="https://wordpress.org/themes/prime-fse/" rel="ugc">Prime FSE</a>, your free block theme, made exclusively for the new-era WordPress site editor and powered up by Getwid blocks.</p>
<h3>Copyright</h3>
<p>Getwid, Copyright (C) 2019, MotoPress https://motopress.com/<br />
Getwid plugin is distributed under the terms of the GNU GPL.</p>
<h3>Credits</h3>
<ul>
<li>Animate.css, Copyright 2018 Daniel Eden, MIT license.</li>
<li>React FontIconPicker, Copyright (c) 2018 Swashata Ghosh, MIT license.</li>
<li>Font Awesome Free, Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License.</li>
<li>ImagesLoaded, Copyright David DeSandro, MIT License.</li>
<li>Slik.js, Copyright 2017 Ken Wheeler, MIT license.</li>
<li>Wow.js, Copyright 2016 Thomas Grainger, MIT license.</li>
<li>CountUp.js, Copyright 2019 Jamie Perkins, MIT license.</li>
<li>Waypoints.js, Copyright 2011-2012 Caleb Troughton, MIT license.</li>
</ul>


Getwid – Gutenberg Blocks

Blocks make sense - good additions to core blocks


5 stars. The Hotspot images are as "advertised". Enough said!



Seriously, you can customize the plugin to have the options and blocks needed, that is a plus. The setting options are where the magic is. The performance of the plugin can be enhanced as well in the settings.


Brilliant Hotspot Images +++


I reported a bug in their api, the issue was solved easily in some days!


nice support

40+ Gutenberg Blocks, plus multiple pre-made free block templates for the WordPress block editor.

Gutenberg Blocks Library & Toolkit – Editor Plus vs Getwid – Gutenberg Blocks