WordPress.org

Plugin Directory

Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates

Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates

Description

Bring your creative visions to life with Essential Blocks for Gutenberg, the ultimate Gutenberg blocks library for WordPress default editor!
Enhance your Gutenberg experience with 60+ unique blocks (more coming soon). Add power to the block editor using our easy-to-use blocks, which are designed to make your next WordPress page or post design easier and prettier than ever before.

DESIGN OUTSTANDING WEB PAGES WITH ADVANCED & ESSENTIAL GUTENBERG BLOCKS LIBRARY!

See It In Action: Check out all the interactive block demos in one place.

✨ BLOCK PLUGIN WITH FULL CUSTOMIZATION

Each Gutenberg block comes with a bunch of options to control every possible aspect of your website design on the block editor. You can design your page with endless customization options using this amazing Gutenberg blocks plugin.

🌐 GUTENBERG BLOCKS GLOBAL CONTROL, COLORS & TYPOGRAPHY

Now, any block can be saved with customized styling. You can also personalize the colors and typography throughout your entire website. This boosts efficiency, so you do not have to recreate the same styling repeatedly on all pages or posts.

⚡ LIGHT WEIGHT & INSTANT LOADING

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

🈸 WPML CERTIFIED GUTENBERG PLUGIN

Translate Gutenberg blocks with WPML in your chosen language & offer a multilingual experience to your visitors.

⚙️ GUTENBERG BLOCKS MODULAR CONTROL

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

🚀 ASSET REGENERATION FOR FASTER GUTENBERG PAGES

Keep your website’s loading speed fast and secure against heavy scripts and CSS files with the Asset Regeneration feature.

🖊️ COMPATIBILITY WITH GOOGLE FONTS

Choose any Google Font you prefer from a collection of 1,000+ font families available using Essential Blocks. Now, you can give your websites a customized look with stunning typographies.

💻 RESPONSIVE ON ALL DEVICES

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

💫 ADVANCED ANIMATION FOR PAGE BUILDER

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

⚡ DYNAMIC TAGS & ACF SUPPORT (PRO)

Enhance the flexibility and customization options of your Gutenberg-built website and easily add custom fields to posts, pages, or custom post types with dynamic placeholders or variables generated from various parameters or data sources.

🖼️ READY GUTENBERG PATTERNS BUILT WITH BLOCKS

Get stunningly designed, ready-to-use Gutenberg block patterns for your WordPress website. Instantly add a block layout to Gutenberg or your site editor to make your website-building experience faster and more effective.

🎯 STUNNING GUTENBERG TEMPLATES FOR WORDPRESS

Explore and get access to 2,000+ ready Gutenberg templates from Templately that were created using the default block editor and Essential Blocks. You can easily customize the fully responsive templates just the way you want, upload the designs to the Templately cloud solution to use again later, and collaborate with your team with ease.

You will find a wide variety of stunning Gutenberg website or web page templates in any niche:
– Blog & Magazine
– Celebration
– Creative
– eCommerce
– Education
– Entertainment
– Fashion & Lifestyle
– Food & Restaurant
– Health & Medical
– Multipurpose
– NFT & Crypto Currency
– Non-profit
– Portfolio & Consultancy
– Technology
– Travel… and many more.

👨‍💻 EXPERT SUPPORT

We have a very friendly support team ready to help you out. Ask your questions in the support forum, we will get back to you immediately.

60+ FREE & ADVANCED BLOCKS AND COUNTING

Design without limits in WordPress block editor, using 60+ of the most useful Essential Blocks for Gutenberg.

  • Accordion – Add beautiful accordions in your pages, posts, anywhere & reduce scrolling
  • Button – Quickly add modern buttons with hover effect in your post or page
  • Call To Action – Design call-to-action buttons quicker than a blink
  • Countdown – Include a countdown timer to boost your click-through rates
  • Flipbox – Use animated Flip Boxes to highlight any content inside your page in a great way
  • Infobox – Design a beautiful info box from predefined styles
  • Notice – Inform your users with specific Notice information and let them stay well aware of what’s important
  • Pricing Table – Create Pricing Tables within minutes that convert
  • Social Icons – Let them share your content with different social media platforms
  • Team Member – Feature your team members with a 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 two images interactively
  • Wrapper – Place any block within the wrapper and style the wrapper
  • Instagram Feed – Display your Instagram posts beautifully
  • Image Gallery – Show your image gallery with a 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 the spotlight on 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 (TOC) on your posts/pages and enhance user experience on your WordPress website
  • Feature List – Display information interactively with the feature list
  • Slider – Display all your beautiful images in the slider with motion effects and dazzle your audiences
  • Advanced Tab – Display nested tabs to display key information on an instance in an interactive manner
  • Fluent Forms – Design your Forms container and fields and choose your preferred form layout to style Fluent Forms
  • Advanced Image – Customize 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, x, ratings, and more
  • Post Carousel – Showcase your posts creatively with an animated, dynamic carousel
  • Advanced Video – Add extra styling and unique customization to your videos and amaze site visitors
  • Advanced Navigation – Display pages & posts with easy navigation on your website with a stunning & organized appearance
  • Popup – Showcase your videos, images, or other content with popup & trigger actions
  • NFT Gallery – Display your NFT items & collections in a stunning gallery view without any coding
  • Social Share – Share your posts & pages instantly on popular social platforms in one click from your website
  • Openverse – Easily search & use royalty free images, stock photos, etc CC-licensed images from Openverse for your website
  • Google Maps – Present a fully responsive map on your website with your preferred configurations, styles, etc.
  • Shape Divider – Make your website designs stand out by showcasing different sections with stunning shape dividers
  • Form – Create responsive forms of any type – contact forms, RSVP forms, or subscription forms – in Gutenberg and manage easily them from your WordPress dashboard
  • Timeline Slider (PRO) – Showcase your posts & pages in an attractive timeline slider and design with stunning presets & styling options
  • Advanced Search (PRO) – Let visitors find any content on your website easily with a customizable, dynamic search bar
  • Data Table (PRO) – Insert an advanced data table on your website without any code and display information in an eye-catching way
  • Woo Product Carousel (PRO) – Display your WooCommerce products with dynamic Product Carousels and designs using limitless styling options
  • News Ticker (PRO) – Show the latest news or highlights on your website with a dynamic ticker in an engaging way that instantly drives attention
  • Fancy Chart (PRO) – Design visually stunning & interactive charts to bring life to dull datasets
  • Multicolumn Pricing Table (PRO) – Use a variety of layouts to impact your customers to choose the pricing best plan by showcasing comparison table by mentioning features, displaying icons, and so on
  • Stacked Cards (PRO) – Display your content in a unique style with the EB Stacked Cards block. With this block, you can easily make your stacked cards sticky in place and provide users an interactive experience when they scroll through your website
  • Testimonial Slider (PRO) – Display engaging and credible customer testimonials, reviews and ratings in a sleek slider format to build trust and encourage conversions
  • Offcanvas (PRO) – Showcase a sidebar menu on your Gutenberg site using the Offcanvas block and grab visitors’ attention with various stunning transitions & effects
  • Breadcrumbs – Make smooth navigation for your posts or pages by adding a Breadcrumbs block.
  • Taxonomy – Display and organize content by categories, tags, product SKUs, etc. to make it easy for users to navigate.
  • Woo Product Details – Display WooCommerce product details with an organized layout that helps grab customers’ attention.
  • Woo Product Price – Display the price of the WooCommerce product and style it using custom colors and typography.
  • Woo Product Rating – Display WooCommerce product ratings to build credibility among visitors and customers.
  • Woo Product Images – Showcase eye-catching WooCommerce product images that draw in customers and are easy to customize.
  • Woo Add to Cart – Display the ‘add to cart’ option for all your WooCommerce products to ensure easy navigation for customers.
  • Post Meta – Attractively showcase your current post metadata like author, date, excerpt & more.
  • Text – Add and customize text content on your website that catches the attention of the visitors.

More Gutenberg blocks and demos coming soon for the block visual editor (weekly update)

📄 SUPPORT & DOCUMENTATION

🏆 GET ACCESS TO EASY & ESSENTIAL GUTENBERG TUTORIALS

Learn from our video tutorials available on our Youtube Channel.

LIKED ESSENTIAL BLOCKS?

Join our Facebook Group.
Or rate us on WordPress. 😊

CONTRIBUTE

The full source code is available on GitHub Repository. Feel free to contribute or report an issue.

🔥 WHAT’S NEXT?

If you like Essential Blocks, then consider checking out our other WordPress Plugins:

🎨 Templately – Ultimate templates cloud for WordPress with hundreds of ready Gutenberg website layout designs and unique cloud collaboration features.

🔔 NotificationX– Best social proof & FOMO marketing solution to boost conversions & designing stunning WordPress notification bars.

🗒️ BetterDocs – Best documentation & knowledge base plugin for WordPress to help you reduce support tickets

SchedulePress – Complete solution for managing WordPress content scheduling through an editorial calendar & social share

📌 EmbedPress – Easiest WordPress solution for embedding videos, images, posts, audio, maps and PDF, DOC, PPT & all other types of content into your website using Gutenberg.

🔗 BetterLinks – Advanced WordPress link management plugin for link shortening, tracking & analyzing with Instant Redirect for Gutenberg.

Screenshots

Blocks

This plugin provides 61 blocks.

  • Openverse Easily search & use royalty free images, stock photos, CC-licensed images from Openverse for your website
  • Email Field Form Block Text Field
  • Product Details Display WooCommerce product details with an organized layout that helps grab customers' attention
  • 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.
  • Interactive Promo EB Interactive Promo lets you decorate your website outlook with its amazing Promo effects
  • Advanced Heading Create advanced heading with title, subtitle and separator controls
  • Checkbox Field Form Block Checkbox Field
  • Team Members Present your team members beautifully & gain instant credibility
  • Advanced Navigation Display pages & posts with easy navigation in your website with stunning & organised appearance.
  • 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!
  • Parallax Slider Create a captivating visual experience & impress your audience
  • Popup Showcase your videos, images or other content with popup & trigger actions.
  • WPForms Design stunning WPForms in minutes with plenty of controls & styling options
  • Post Meta Attractively showcase your current post metadata like author, date, excerpt & more.
  • Image Comparison Let the visitors compare images & make your website interactive.
  • Woo Product Grid Display WooCommerce products in a stunning, organized layout & help customers with EB Woo Product Grid.
  • Text Field Form Block Text Field
  • NFT Gallery Display your NFT items & collections in a stunning gallery view without any coding
  • Instagram Feed Showcase instagram posts for your web visitors.
  • Text Add and customize text content on your website that catches the attention of the visitors.
  • Number Field Form Block Number Field
  • Post Grid Create a stunning and interactive visualization for your blogs in a grid layout
  • Progress Bar Make your website interactive with stunning progress bars.
  • Google Maps Display locations from Google Maps seamlessly and style how they look to match your site design.
  • Accordion Display your FAQs & improve user experience with Accordion/Toggle block
  • Radio Field Form Block Radio Field
  • 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.
  • Row Create complex Row layouts with plenty of styling controls & responsive options
  • Toggle Content Toggle Contents or blocks with a beautiful switcher.
  • Social Share Share your posts & pages instantly on popular social platforms in one click from your website.
  • Form Create Beautiful and Professional Contact, Subscription or any other custom Forms easily with a few clicks.
  • Social Icons Add icon links to your social media profiles and grow your audience with animated social icons
  • Dual Button Create two buttons to be stacked together
  • Advanced Video Portray any attractive video content on your website and grow engagement
  • Advanced Tabs Display nested tabs to display key information on an instance in an interactive manner.
  • Flipbox Deliver your content beautifully to grab site visitor's attention.
  • Countdown Highlight upcoming events with countdown timer
  • Product Rating Display WooCommerce product ratings to build credibility among visitors and customers.
  • Slider Display multiple images and content in beautiful slider & reduce page scroll
  • Wrapper This is a wrapper block for other blocks within it.
  • Feature List Make your website interactive with feature list.
  • Table Of Contents Insert Table of Contents on your posts/pages and enhance user experience on your WordPress website
  • Taxonomy Display and organize content by categories, tags, product SKUs, etc. to make it easy for users to navigate
  • Add To Cart Display the 'add to cart' option for all your WooCommerce products to ensure easy navigation for customers.
  • Notice Put spotlight on news, announcements & let the visitors find it easily
  • Shape Divider Make your website designs stand out by showcasing different sections with stunning shape dividers
  • Testimonial Display testimonials & gain instant credibility
  • Call To Action Call to action lets you create an interactive CTA for the website to draw visitor's attention on the spot.
  • Textarea Field Form Block Textarea Field
  • Post Carousel Showcase your posts & blogs in a stylish way on your website and make it more engaging
  • Product Price Display price of the WooCommerce product and style it using custom colors and typography.
  • Image Gallery Impress your audience with high-resolution images
  • Select Field Form Block Select Field
  • Typing Text Make your website interactive with typing text animation.
  • Advanced Image Customise images in Gutenberg to fit your exact needs.
  • Fluent Forms Design your Forms container, fields and choose preferred form layout to style Fluent Forms
  • Icon Picker Icon Picker Block lets you choose any Font Awesome icon to customize your design as per your preference.
  • Infobox Deliver your content beautifully to grab attention with an animated Infobox block.
  • Breadcrumbs Make smooth navigation for your posts or pages by adding Breadcrumb
  • Product Images Showcase eye-catching WooCommerce product images that draw in customers and are easy to customize.
  • Price Price Block lets you add both the regular price and a discounted price for your pricing package.

Installation

Note: Since Essential Blocks is a Gutenberg library, you must activate Gutenberg editor to use it.

  1. Go to your WordPress Dashboard and navigate to wp-admin -> Plugins -> Add New. Search for Essential Blocks for Gutenberg. Then simply click on the Install Now button.
  2. Now click on Activate button to activate the plugin.
  3. That’s it. You can access all blocks easily from Gutenberg editor.

Or,

  1. You can download the plugin by clicking the Download button from Essential Blocks for Gutenberg
  2. Then go to wp-admin -> Plugins -> Add New and click on the Upload Plugin.
  3. The plugin will be instantly installed & activated on your website.
    For more detailed instructions, visit Essential Blocks Installation Guideline. Also, check out a quick video tutorial from Essential Blocks YouTube.

FAQ

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

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

How to save a block as a reusable block?

You can save any block from Essential Blocks for Gutenberg as a reusable block easily. Click on any block you want to save as reusable, then click on the ‘Add to reusable blocks,’ and instantly, that block will be converted into a reusable block.

What themes do Essential Blocks For Gutenberg support?

Essential Blocks for Gutenberg has no theme dependency. This Gutenberg blocks plugin is compatible with any updated WordPress theme.

Will Essential Blocks slow down my website speed?

No, Essential Blocks will not slow down your website. This Gutenberg blocks plugin 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 are currently used.

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

Yes, you can still use Essential Blocks. These Gutenberg blocks are created in such a way that you can use them and customize them without code.

What other page builders can I use with this plugin?

You can only use Essential Blocks with the Gutenberg editor. It does not support any other website builder or editor.

Is Essential Blocks Responsive for Smaller Devices?

Also, the Gutenberg blocks available with Essential Blocks plugin are 100% responsive and have cross-browser compatibility. So it is responsive on smaller devices as well.

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

Uninstall all plugins on your website except Essential Blocks for Gutenberg. Then check 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 with Essential Blocks for Gutenberg, then click on the specific block you want to add CSS code to. Then navigate to the ‘Advanced’ tab and add your custom CSS code. 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 customizing each essential block on your own, you can use ready templates to create stunning blocks. You will receive access to elegant and sleek, ready templates for Essential Blocks and Gutenberg with the Templately plugin.

Can I get ready Gutenberg patterns from Essential Blocks?

Yes, Essential Blocks provides you with a ready, professionally designed Gutenberg pattern.

Does Essential Blocks has any plugin dependency?

You only need the Gutenberg block editor to use Essential Blocks plugin on your WordPress website. Then you can use Essential Blocks and create stunning pages.

Does Essential Blocks provide any WooCommerce blocks for Gutenberg?

Yes, you can effortlessly display your WooCommerce products on your store website using Woo Product Grid Block from Essential Blocks. More blocks are coming soon.

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

December 11, 2024
While the plugin can have issues, due to its complex capabilities, support responds quickly to support tickets within 24-72 hours and follows through well.
October 28, 2024
I can’t praise Ryan enough for the incredible help he provided last week! I was facing three complex issues, and Ryan proved to be exceptional in problem solving. His knowledge and expertise were evident from the very start, and thanks to him, I was able to overcome every challenge with ease. He approached each situation with professionalism and patience, making sure I understood every step of the process. It’s rare to find someone so dedicated and skilled, and I can confidently say his support was essential in helping me reach my goals on time. Thank you so much, Ryan!
Read all 152 reviews

Contributors & Developers

“Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates” is open source software. The following people have contributed to this plugin.

Contributors

“Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates” has been translated into 5 locales. Thank you to the translators for their contributions.

Translate “Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates” into your language.

Interested in development?

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

Changelog

5.1.0 – 04/12/2024

  • Improved: Accordion Block | Added New Presets
  • Improved: Accordion Block | More Styling controls & options
  • Added: Woo Product Grid | Featured image size option
  • Fixed: Widget CSS not loading on the frontend
  • Fixed: FSE templates CSS not loading on the frontend
  • Fixed: Form Block | Custom fields data not being sent in emails
  • Fixed: Woo Product Grid | Showing PHP notice for an undefined variable
  • Fixed: Advanced Navigation | Overlapping issue with Post Grid
  • Fixed: Advanced Tabs | Global typography not applying to title font size
  • Minor bug fixes and improvements

5.0.9 – 13/11/2024

  • Fixed: Pricing Table | Icon control not showing for feature items
  • Minor bug fixes and improvements

5.0.8 – 07/11/2024

  • Fixed: Flickering effect due to delayed CSS loading
  • Fixed: Infobox | Alignment issues with icons and content for Preset 3 & 4
  • Fixed: Infobox | Image border radius resetting on editor reload
  • Fixed: Slider | “Slides to show” option not displaying correctly on frontend

5.0.7 – 01/11/2024

  • Fixed: Predefined CSS not loading properly
  • Fixed: Progress Bar | Style broken in frontend
  • Fixed: Feature List | Icon not showing in frontend

5.0.6 – 30/10/2024

  • Improved: Optimized predefined CSS loading
  • Improved: Dual Button | Added support for nofollow and download attributes
  • Improved: Infobox | Enhanced styling options with additional control settings
  • Fixed: Post Grid | Resolved issue with taxonomy filter settings resetting
  • Fixed: Slider | Corrected HTML input error display in the editor
  • Minor bug fixes and improvements

5.0.5 – 22/10/2024

  • Fixed: Toggle Content & Advanced Tabs | Mismatched inner blocks data for click events
  • Fixed: Advanced Tabs | Tab Titles data not saving
  • Improved: Post Grid | Sorting controls moved to the relevant controls panel
  • Minor bug fixes and improvements

5.0.4 – 14/10/2024

  • Fixed: Post Carousel | Image size changing unexpectedly
  • Fixed: Accordion | Toggle feature not working properly
  • Fixed: Add to Cart | Error shown if WooCommerce plugin is not active
  • Minor bug fixes and improvements

5.0.3 – 09/10/2024

  • Fixed: Animation not working in site editor
  • Fixed: Predefined font size conflict with Theme/Global settings
  • Fixed: Post Grid & Post Carousel | Featured image size issue with lazy load plugin
  • Fixed: Inspector Help Panel position issue

See changelog for all versions.