Essential Blocks for Gutenberg

Description

Essential Blocks Plugin for WordPress Gutenberg editor comes from the developer of most popular elements library Essential Addons for Elementor.

Add powers to your page and post builder using our easy-to-use blocks those were designed to make your next WordPress page and posts design easier and prettier than ever before.

Enhance your Gutenberg experience with 30+ creative blocks (More coming soon). Add powers to your WordPress editor using our easy-to-use blocks which are designed to make your next WordPress page or posts design easier and prettier than ever before.

Check out all interactive block demos from one place

DESIGN OUTSTANDING WEB PAGES WITH ADVANCED GUTENBERG BLOCKS LIBRARY!

Completely Customizable

Each block comes with a bunch of options to control every possible thing. You can design your blocks with endless customization options without any single lines of code.

Light Weight & Instant Loading

No extra resources or messy codes to slow down your website. Optimized for super fast loading and instant Live editing.

Blocks Control Option

Enable and disable individual blocks to make your page loading faster and smoother. You can deactivate unnecessary blocks to keep the site lite.

Responsiveness customization

Directly from your Gutenberg editing panel, you can control each block’s responsiveness individually. With flexible responsive customization options, make your website user friendly for all devices.

Advanced Animation Feature

With our latest exclusive feature, the animation you can design every block with a stunning animated appearance. Grab users’ attention instantly with eye-catching animations, transitions, and many more.

Expert Support

We have extra-ordinary support team ready to help you. Ask your questions in the support forum, we will get back to you immediately.

30+ FREE BLOCKS AND COUNTING

We have designed 30+ of the most useful blocks to improve how you use Gutenberg editor and allow you to climb the top of your design capabilities.

  • Accordion – Add beautiful accordions in your pages, posts, and anywhere.
  • Button – Quickly add modern buttons with hover effect in your post or page
  • Call To Action – Design call-to-action buttons before a blink
  • Countdown – Include a countdown time to boost your click-through rates
  • Flipbox – Use animated Flip Boxes to highlight any content inside your page in a great way
  • Infobox – Design beautiful info box from predefined styles
  • Notice – Inform your users with specific Notice information and let them stay well aware about what’s imprtant
  • Pricing Table – Create Pricing Tables within minutes that converts
  • Social Icons – Let them share your content with different social media platforms.
  • Team Member – Feature your team members with few clicks
  • Testimonial – Showcase what others said about your brand & Increase Your Credibility
  • Progress Bar – Display how far the specific task or still is in the process
  • Interactive Promo – Showcase your content heading in an amazing way
  • Image Comparison – Let your viewers compare between two images
  • Wrapper – Place any block within the wrapper and style the wrapper
  • Instagram Feed – Display your Instagram Feed beautifully
  • Image Gallery – Show your image gallery with beautiful grid and lightbox
  • Advanced Heading – Advanced Heading block with lots of customization options
  • Dual Button – Show dual button with nice text or icon separator.
  • Parallax Slider – Create a fancy slider to showcase your team or any image gallery.
  • Typing Text – Design your page using Typing text with an eye-catching typing effect.
  • Toggle Content – Switch content or blocks with a beautiful switcher.
  • Number Counter – Put spotlight in important statistics to attract visitors.
  • Row – Create complex Row layouts with plenty of styling controls & responsive options.
  • Post grid – Create a stunning and interactive visualization for your blogs in a grid layout with Post Grid block.
  • Table of Contents – Insert Table of Contents on your posts/pages and enhance user experience on your WordPress website
  • Featured List – Make your website interactive with feature list
  • Advanced Tab – Display nested tabs to display key information on an instance in an interactive manner
  • Fluent Forms – Design your Forms container, fields and choose preferred form layout to style Fluent Forms
  • Advanced Image – Customise images in Gutenberg to fit your exact needs
  • WPForms – Design stunning WPForms in minutes with plenty of controls & styling options
  • Woo Product Grid – Display WooCommerce products with stunning layouts, buttons, tags, ratings, and more.

More blocks and demos coming soon (weekly update)

SUPPORT & DOCUMENTATION

LIKED ESSENTIAL BLOCKS?

Join our Facebook Group.
Or rate us on WordPress

Screenshots

Blocks

This plugin provides 33 blocks.

  • Fluent Forms Design your Forms container, fields and choose preferred form layout to style Fluent Forms
  • Infobox Deliver your content beautifully to grab attention with an animated Infobox block.
  • WPForms Design stunning WPForms in minutes with plenty of controls & styling options
  • Instagram Feed Showcase instagram posts for your web visitors.
  • Row Create complex Row layouts with plenty of styling controls & responsive options
  • Feature List Make your website interactive with feature list.
  • Flipbox Deliver your content beautifully to grab site visitor's attention.
  • Wrapper This is a wrapper block for other blocks within it.
  • Advanced Tabs Display nested tabs to display key information on an instance in an interactive manner.
  • Countdown Highlight upcoming events with countdown timer
  • Post Grid Create a stunning and interactive visualization for your blogs in a grid layout
  • Woo Product Grid Display WooCommerce products in a stunning, organized layout & help customers with EB Woo Product Grid.
  • Image Comparison Let the visitors compare images & make your website interactive.
  • Social Icons Add icon links to your social media profiles and grow your audience with animated social icons
  • Table Of Contents Insert Table of Contents on your posts/pages and enhance user experience on your WordPress website
  • Notice Put spotlight on news, announcements & let the visitors find it easily
  • Interactive Promo EB Interactive Promo lets you decorate your website outlook with its amazing Promo effects
  • Testimonial Display testimonials & gain instant credibility
  • Advanced Heading Create advanced heading with title, subtitle and separator controls
  • Team Members Present your team members beautifully & gain instant credibility
  • Number Counter Put spotlight in important data using Counter block for Gutenberg. Customize the designs by adding proper Animation effects with flexibility and many more!
  • Advanced Image Customise images in Gutenberg to fit your exact needs.
  • Image Gallery Impress your audience with high-resolution images
  • Button Create a stunning button through the button block. You can make it look outstanding by adding exclusive button styles & effects and add links to redirect your visitors to a specific page.
  • Typing Text Make your website interactive with typing text animation.
  • Call To Action Call to action lets you create an interactive CTA for the website to draw visitor's attention on the spot.
  • Pricing Table The pricing table block will let you create an effective product pricing table with perfect styling to get more sales from your prospective buyers.
  • Slider Display multiple images and content in beautiful slider & reduce page scroll
  • Progress Bar Make your website interactive with stunning progress bars.
  • Accordion Display your FAQs & improve user experience with Accordion/Toggle block
  • Toggle Content Toggle Contents or blocks with a beautiful switcher.
  • Dual Button Create two buttons to be stacked together
  • Parallax Slider Create a captivating visual experience & impress your audience

FAQ

How to insert blocks of Essential Blocks in your page or post?

Install and activate Essential blocks on your website. Create a new page and click the ‘+’ sign and you will find all the Essential Blocks widgets there. Now click on the widget you want to insert in your page and create amazing pages.

How to save a block as a reusable block?

You can make Essential widgets reusable easily. Click on any widget you want to make reusable, then click on the ‘Add to reusable blocks’, and instantly that block will be converted into a reusable block.

What themes does Essential Blocks For Gutenberg support?

Essential Blocks has no theme dependency. It is compatible with every WordPress theme.

Will Essential Blocks slow down my website speed?

No, Essential Blocks will not slow down your website. It brings you the outstanding facility of complete modular control over the activation of each individual block. We have also used optimized codes for this plugin which helps to load only the resources that is currently using. These advanced facilities will boost your site speed even further.

I do not know how to code. Can I still use Essential Blocks?

Yes, you can still use Essential Blocks. This plugin’s widgets are created in such a way that you can use them, customize them without code.

What other page builders can I use with this plugin?

You can only use Essential Blocks with Gutenberg page builder. It will not support other page builders.

Is Essential Blocks Responsive for Smaller Devices?

Essential Blocks widgets are100% responsive and have cross-browser compatibility. So it is responsive to smaller devices also.

What is the best way to check for plugin conflicts on my website?

Uninstall all plugins on your website except Essential Blocks and Gutenberg. Then check out if any conflict is still occurring or not. If you encounter conflicts, then contact our support team.

How to apply custom CSS to my blocks?

If you want to apply custom CSS to your Essential Blocks widgets, then click on that widget. From the right side navigate to ‘Advanced’ tab and add your custom CSS code. In Essential Blocks, you have to create a class first and then add your custom CSS.

How can I get ready templates for Essential Blocks?

If you want to skip to customize Essential blocks all on your own, then you can use ready templates to create stunning blocks. You will receive access to elegant and sleek Essential Blocks templates with the Templately plugin.

Does Essential Blocks has any plugin dependency?

Yes. You will need the Gutenberg block editor installed and activated in your WordPress dashboard. Then you can use Essential Blocks and create stunning pages.

What should I do to use an earlier version of Essential Blocks?

If you found the recent version of Essential Blocks isn’t working or conflicting with other plugins then you can use earlier versions of the plugin.

Reviews

25 April 2022
I found an issue with advanced headings and reported it to WPDeveloper and they responded really quickly. Not only did they fix the issue straight away but they also made sure that my site was updated properly and checked to make sure that it didn't have any problems. I am very impressed with their support and would recommend their products to anyone. Thank you SO much guys!
8 December 2021
I found a problem that the countdown block doesn't show style in the frontend, but looks fine at the backend. The support team answer my mail and help me out immediately. The change from HTTP to HTTPS solves the problem. And the team show me the solution by a video which super clean and high-efficient.
13 October 2021
I just installed this plugin without any hassle. It contains some blocks you will only find here (compared to other plugins of the same kind I tried) such as dual button, toggle content, image comparison. Customization is easy and very intuitive, all is fast and easy. Thanks to the developpers, a great job !
Read all 14 reviews

Contributors and Developers

“Essential Blocks for Gutenberg” is open source software. The following people have contributed to this plugin.

Contributors

“Essential Blocks for Gutenberg” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “Essential Blocks for Gutenberg” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Change Log

3.4.0 – 15/06/2022

  • Added: New block Woo Product Grid
  • Added: Show patterns from Templately
  • Added: Button Open new tab option in Infobox
  • Improved: Converted style-handler to php for working perfectly with Reusable blocks and FSE
  • Improved: Pricing table block with new options and preset
  • Improved: Dual button block with open new tab option and fixed gradient background issue
  • Fixed: Page Template not working with block base theme
  • Fixed: Top menu incompatibility with ContentBerg theme WordPress.org issue
  • Fixed: Post Grid Title word length is not working in Frontend
  • Fixed: Advanced Heading separator icon position issue

3.3.3 – 25/04/2022

  • Added: Reset button on accordion block for toggle speed
  • Added: Offset top option for Table of Content block
  • Added: Fullwidth and Blank post and page template
  • Added: Image caption when upload images on slider block
  • Improved: Number of images shown on slider block

3.3.2 – 25/04/2022

  • Fixed: Block deprecation issues
  • Fixed: Blocks not showing in mobile & tab in Editor when use Animation
  • Fixed: Table of Content Sticky mode conflict with Animation
  • Fixed: Conflict with Gutenberg plugin

3.3.1 – 17/04/2022

  • Added: Animation for all blocks
  • Added: Responsive Block Show/Hide option
  • Added: Custom CSS for all blcoks
  • Added: Subheading Tag section option in Advanced Heading Block
  • Added: Spacing control and link open control in Flipbox Block
  • Fixed: Slider Block custom height issue
  • Fixed: Advanced Image Blocks issues
  • Fixed: Fluentform placeholder color issue
  • Fixed: Post Grid block pagination issue
  • Fixed: Parallax Slider block gap issue

3.3.0 – 21/03/2022

  • Added: New Blocks: Advanced Image, WPForms Integration
  • Improved: Google Font Library Updated
  • Added: Added new controls in Button block and Improved design
  • Added: Buttons Width “auto” control in Dual Button Block
  • Added: Default expand control for Accordion Toggle Block
  • Added: Hide Features content option in Pricing Table block
  • Fixed: Duplicate Blocks Copied the previous blocks content in Pricing Table block
  • Fixed: Default background issue in Countdown block normal background mode
  • Fixed: Improved Fluent Form block design and controls
  • Fixed: Table of Content Heading starts with digit not working issue

3.2.4 – 01/03/2022

  • Fixed: Issues with row/column block breaking in frontend
  • Fixed: Advanced Tab show all tab contents in editor issue

3.2.3 – 27/02/2022

  • Fixed: Issues with controls not found

3.2.2 – 27/02/2022

  • Added: Remove Icon option in Featured List
  • Added: Post Grid Container Shadow Option
  • Fixed: Post Grid Client Issue: Permalink Issue
  • Fixed: Row/Column Issue in WordPress 5.8 and column layout issue for responsive view
  • Fixed: Progress bar editor design issue
  • Fixed: Dual Button link issue
  • Fixed: Flipbox Unnecessary height on editor responsive mode issue
  • Fixed: Featured List title border and icon show/hide issue
  • Improved: Code Structure and fixed minor warnings

3.2.1 – 27/01/2022

3.2.0 – 26/01/2022

  • Added: New Block – Advanced Tab
  • Added: New 3rd party block integration – Fluent Forms
  • Added: Blocks support in Full Site Editing and WordPress@5.9
  • Added: ClassName support
  • Added: Button Alignment option in Infobox Block
  • Added: Pagination option in Post Grid Block
  • Added: Same height column option in Row/Column Block
  • Fixed: Title color issue, read more button background, padding issue, post link issue
  • Fixed: Title spacing issue in Progress bar
  • Fixed: Pricing Table Mobile and Tab css not working issue
  • Fixed: Columns background, border issue in Row/Column block
  • Fixed: Background color conflict issue Countdown Block

3.1.1 – 15/12/2021

  • Added: ApiVersion 2 enabled for all blocks
  • Fixed: Row/Column block error when disabling ‘full width’ option
  • Fixed: Textdomain issues
  • Fixed: Removed unnecessary enqueue from image comparison

3.1.0 – 12/12/2021

  • Added: New Block – Featured List
  • Improved: Google Font Library updated with 1000+ free fonts
  • Improved: Optimized code to reduce plugin size
  • Fixed: Reset Button not reset to default issues
  • Fixed: Hover color issue, transition animation issue on overlay preset in Team Member Block
  • Fixed: Shadow cropped in Row/Column block issue
  • Added: LightBox on/off option in Image Gallery Block
  • Added: Icon/Image option, Alignment Option, New Layout added in Number Counter Block
  • Added: Options to control overlay contents for Preset 2 & 3 in Team Member Block

3.0.4 – 11/11/2021

  • Added: Table Of Content Block
  • Added: Toggle Content block responsive options for button height, width and heading space.
  • Added: Block supports (i.e. align: [“wide”, “full”]) for almost all blocks except Flipbox and advanced heading
  • Added: Overflow option for column block
  • Added: 2 More Preset Design in Post Grid Block
  • Added: Testimonial Block quote icon size, content position and spacing controls
  • Added: Button block transition effect control
  • Added: Dual Button gradiant background and transition control
  • Fixed: Block’s not being able to drag and drop inside the column
  • Fixed: Column’s width changing drag control improved
  • Fixed: Progress Bar Block bar fillup issue and text overlap issue with the circle
  • Improved: Row’s gap won’t reduce container’s max-width anymore

3.0.3 – 27/10/2021

  • Fixed: Parallax Slider, Advanced Heading, Image Gallery and Flipbox error resolved
  • Fixed: Row Block and Post Grid Block column responsive issue
  • Fixed: Deprecated Functions removed

3.0.2 – 26/10/2021

  • Added: New Block – Row/Columns Block
  • Added: New Block – Post Grid Block
  • Fixed: Infobox not saving title & description
  • Typo: “Team member” block title fixed

3.0.1 – 29/09/2021

  • Added: Option to make the whole infobox clickable
  • Added: 5 overlay styles in Gallery block overlay style
  • Added: Caption width and horizontal control in Gallery block
  • Improved: Edit page block performance by removing unnecessary calculations for styles for all blocks
  • Improved: Minify css by removing unnecessary css for all blocks
  • Improved: Image comparison block selection issue on edit page
  • Improved: Somme css in pricing table block
  • Fixed: PHP 5.6 compatibility issue
  • Fixed: Attempt Recovery issue in Gallery Block
  • Fixed: Some typos
  • Fixed: Responsive Range Controller unit changing to ‘%’ or ’em’ from ‘px’ not changing value to 100 correctly if the value is more than 100.

3.0.0 – 20/09/2021

  • Revamped: Restructured code for better performance
  • Revamped: Inspector-panel redesigned
  • Improved: Dynamic asset generation instead of inline styles
  • Added: Responsive & interactive controls for all the blocks
  • Added: New Presets for most blocks
  • Added: Margin, Padding, Background & other controls for all the blocks
  • Improved: Slider Block | Added Vertical Slider, Custom Height & many more
  • Improved: Parallax Block | Custom Height, Advanced Typography & many more
  • Improved: Image Gallery | Added color overlay style
  • Improved: Instagram Block | Added Sorting, layout, show meta option
  • Improved: Call to Action Block | Added subtitle, sorting option, space, icons & many more
  • Improved: Instagram Feed Block | Added new layouts, API Limit, sorting, meta options & many more
  • Improved: Image Comparison Block | Rendering in frontend
  • Improved: Wrapper Block | Added Inner content, alignment controls & many more
  • Improved: Accordion Block | Added Hover option with transition effects & many more
  • Improved: Team Member Block | Added initial layout and improve the ‘Color’ controls
  • Fixed: Toggle Content Block | ‘Gradient-type’ changing back to ‘linear’
  • Fixed: Block editor dependency issues
  • Few minor bug fix & improvements

2.4.4 – 25/08/2021

  • Added: Wrapper Alignment Option On Flipbox Block, Wrapper Block
  • Added: Dynamic asset generation instead of inline styles, Responsive controls with preview for Wrapper block, Image comparison and Gallery block
  • Added: Margin, padding, background and border option for content wrapper in wrapper block
  • Improved: Few controls and default Design on Flipbox block
  • Improved: Third party assets enqueue process

2.4.3 – 01/08/2021

  • Added: Dynamic asset generation instead of inline styles, Responsive controls with preview & design presets for Countdown block, Progress bar and Advanced heading block.
  • Added: Advanced and responsive typography option for Progress bar, Countdown and Advanced heading block.
  • Added: Scroll animation, stripe animation, alignment option for every section in Progress bar block.
  • Added: Alignment option for content, subtitle, Icon as separator in Advanced heading.
  • Added: Margin, padding, background and border option for content wrapper in Advanced heading, Countdown and Progress bar block.
  • Improved: Infobox, Notice, Number counter, Countdown, Progress Bar, Advanced heading updated with new inspector panel design and controls.
  • Improved: Font-style option added for typography control.
  • Improved: Some unnecessary css & js enqueues are removed & frontend assets optimised.

2.4.2 – 15/07/2021

  • Added: New design and convention for controls
  • Added: Fade style for Flipbox
  • Added: New preset for pricing table, Dual button
  • Improved: Dual Button, Pricing table, Typing text, Flipbox updated with new controls
  • Improved: Category register function modified
  • Improved: Modified few css enqueue files and enqueued editor css from admin asset file.
  • Fixed: Browser waring for sourcemaps.

2.4.1 – 30/06/2021

  • Fixed: Newly updated blocks (Notice block, Infobox block, Testimonial block, Typing text block, Number Counter Block) not working on safari browser.
  • Improved: Background, Margin-Padding, Border, Border-radius options of inspector panel improved.
  • Improved: Responsive Device Preview improved.
  • Improved: Dynamic css generation (instead of inline css) & responsive options implemented on flipbox block.
  • Improved: Typing text block, implemented new controls.
  • Fixed: Issue from Flipbox is flickering
  • Fixed: Issue with global style generate process

2.4.0 – 07/06/2021

  • Added: New Block – Number Counter Block
  • Added: Dynamic css generation for inline css
  • Improved: Notice block, Infobox block, Testimonial block, Typing text block. Added responsive options for those.
  • Few minor bug fix and improvements

2.3.0 – 27/01/2021

  • Revamped: UI Controls with new designs
  • Fixed: EB Accordion | Title alignment not working
  • Fixed: EB Testimonial & Call to Action | text wrapping not working
  • Fixed: EB Info Box | Shows duplicate copies when it was linked
  • Few minor bug fix and improvements

2.2.0 – 30/09/2020

  • New: Toggle Content block
  • Added: Typography controllers for related blocks
  • Added: Custom color controller
  • Fixed: Instagram Feed issue ( updated API version )
  • Improved: Loading block related frontend js files ( load only when block is enabled )

2.1.0 – 18/06/2020

  • New: Image Slider block
  • Fixed: Parallax Slider font change crash issue
  • Fixed: Team member image height/width change crash issue
  • Fixed: Infobox number change crash issue
  • Fixed: Dual Button link change crash issue
  • Fixed: Countdown border color change crash issue
  • Fixed: Instagram Feed frontend display issue
  • Fixed: Image Comparison handle bar dissapear issue
  • Fixed: Image Gallery masonry layout crash issue

2.0.2 – 18/05/2020

  • Fixed : Parallax Slider console error
  • Added : Global enable/disable block buttons
  • Fixed : Category display issue in re-usable block section
  • Fixed : Image Comparison loading issue

2.0.1 – 20/04/2020

  • Added : Missing text-domain for all blocks
  • Fixed : Conflicting stylesheet for admin

2.0.0 – 19/04/2020

  • Total revamp of the plugin with CLI

1.3.1 – 02/04/2020

  • Fixed : Dual button connector display issue
  • Fixed : Social icon display when selected
  • Improvement : Change acordion height on window resize
  • Improvement : Responsiveness for all blocks

1.3.0 – 23/03/2020

  • Added : Parallax Slider Element
  • Added : Block Preview for all blocks
  • Improvement : Replaced all deprecated methods
  • Lots of minor bugfix and improvements

1.2.0 – 17/09/2019

  • Added : Row Element
  • Added : Instagram Feed
  • Added : Image Gallery
  • Added : Heading
  • Added : Dual Button
  • Improved : All blocks default styles
  • Improved : Refractored the plugin structure for better performance
  • Lots of minor bugfix and improvements

1.1.2 – 09/05/2019

  • Block meta data added
  • Few minor bugfix and improvements

1.1.1 – 24/04/2019

  • New Block : Block Wrapper

1.1.0 – 08/04/2019

  • 7 New Blocks: Button , Call to Action, Image Comparison, Interactive Promo, Notice, Pricing Table and Progress Bar
  • Enhancement: Accordion, Infobox, Flipbox, Team Member, Testimonial, Social and Countdown
  • Enhancement: Options Panel added with Modular Controls and Community Links
  • Enhancement: Infobox: Added Background Image, Button Style, Border, Shadow and Spacing.
  • Flipbox: Added Alignment Toolbar, Gradient Color and Icon.
  • Enhancement: Default Style Improved
  • Enhancement: Updated to Font Awesome 5.8.1
  • Enhancement: Icon Picker Added
  • Enhancement: Unit Controller ( px/em/% ) Added
  • Enhancement: Dimensions Controller Added
  • Enhancement: Separated Frontend Files
  • Enhancement: Refactored Plugin Structure for improved performance

1.0.0 – 09/12/2018

Initial stable release