XeroWP
Gutenberg Essential Blocks – Page Builder for Gutenberg Blocks & Patterns
Gutenberg Essential Blocks – Page Builder for Gutenberg Blocks & Patterns

Gutenberg Essential Blocks – Page Builder for Gutenberg Blocks & Patterns

4.9/5 (216 ratings) 100K+ active installs Updated Nov 4, 2026
block-editorGenerate with AIgutenbergGutenberg TemplatesGutenberg WooCommerce
Download v6.5.3 Plugin Website
Screenshot 1

Bring your creative visions to life with Essential Blocks for Gutenberg, the ultimate Gutenberg blocks library for the WordPress default editor!
Enhance your web-building experience with the essential Gutenberg extensions’ 70+ unique blocks and the brand‑new AI feature for image generating & content writing. 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. Plus, AI helps you generate rich, high‑quality content instantly with just a few keywords.

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

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

🤖 WRITE WITH AI – POST/PAGE CONTENT INSTANTLY

Generate engaging content for pages and posts in seconds with the Write With AI feature of Essential Blocks. Simply enter a few keywords and submit your prompt. Our built‑in AI engine will create rich, high-quality content instantly.

✨ READY AI CONTENT FOR RICH TEXT INPUT

Get AI-generated content in one click for all your rich text input blocks. With this global AI feature, you can automatically create, modify, or personalize your text content fields for any Gutenberg block.

🦾 GENERATE IMAGE WITH AI IN WORDPRESS
Directly from your Gutenberg editor, generate AI images with your given prompt within a few seconds. To get the best output, customize options like AI model, image type, sizes, etc. Create AI images for Gutenberg blocks in one click.

🧱 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 code 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 typography.

👁️ CONTROL BLOCKS VISIBILITY WITH CONDITIONS, LOGICS (PRO)

Show or hide blocks based on date and time, query strings, user roles, browsers and more.

🛡 UNFILTERED MEDIA FILE UPLOADS

Upload SVG and JSON files directly to your WordPress Media Library without file type restrictions, and use custom animations, illustrations and data-driven visuals in Gutenberg.

💻 RESPONSIVE ON ALL DEVICES

Control each block’s responsiveness individually to make your website user-friendly on all devices.

💧 LIQUID GLASS EFFECT ON WORDPRESS

Add smooth, glossy liquid glassmorphism effects to your WordPress site; no coding is needed. Instantly bring modern and futuristic UI to Gutenberg designs.

💫 INTERACTIVE ANIMATION WITH GSAP FOR PAGE BUILDER (PRO)

Give every block a stunning animated appearance. Add smooth transitions, scroll effects and vibrant animations that grab users’ attention instantly.

⚡ DYNAMIC TAGS & ACF SUPPORT (PRO)

Add custom fields to posts, pages or custom post types with dynamic placeholders generated from various data sources.

🔄 TRANSFORM BLOCKS WITH INTERACTIVE EFFECTS

Add engaging transform effects, hover animations and dynamic transitions to your Gutenberg blocks without any coding.

🔒 PASSWORD PROTECT CONTENT & BLOCKS (PRO)

Secure any Gutenberg block, section or content with password protection. Restrict premium resources, private pages or client-only sections directly from the block editor.

🎨 IMAGE MASKING & MORPHING (FREEMIUM)

Apply creative mask shapes and seamless morphing effects to images to highlight products or showcase portfolios, directly within the Gutenberg editor.

🧭 ONE PAGE NAVIGATION (PRO)

Guide visitors through long pages with sticky, customizable section menus that let users jump between content effortlessly.

📋 COPY/PASTE STYLE (FREE)

Copy the complete style of any Essential Blocks block and paste it onto another with a single click to keep every page visually consistent.

🖼️ 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

Access Templately’s 3,000+ ready, AI-powered Gutenberg templates created with Essential Blocks. Insert an entire site with a single click, customize the responsive templates and save designs to the Templately cloud.

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.

70+ FREE GUTENBERG BLOCKS AND COUNTING

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

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 human-readable source code ships with the plugin in the src/ folder: the blocks and admin screens, and the shared controls library in src/controls/ (built into assets/admin/controls/). The build configuration is not included; if you need it, ask on the Plugin’s Forum, where you can also report issues.

🔥 WHAT’S NEXT?

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

🎨 Templately – AI-powered templates cloud with thousands of ready Gutenberg designs.

🔔 NotificationX– Social proof, FOMO marketing & notification bars.

🗒️ BetterDocs – AI-powered documentation & knowledge base plugin.

⏰ SchedulePress – Editorial calendar, content scheduling & social share.

📌 EmbedPress – Embed content from 250+ multimedia sources.

🔗 BetterLinks – Link shortening, tracking & analytics for WordPress.

External services

Essential Blocks connects to the third-party services below. Nothing is sent to a service until the related block, feature or option is used, unless stated otherwise.

Templately (app.templately.com) – by WPDeveloper, the makers of Essential Blocks.
Used to list ready-made templates in the Templates tab of the Essential Blocks dashboard. A request is sent when you open that tab. Only the template query and your site’s standard WordPress request headers (including the site URL) are sent.
Terms · Privacy Policy

WPInsight usage tracking (send.wpinsight.com) – by WPDeveloper.
Only if you opt in (admin notice or Quick Setup checkbox). Sends your site URL and name, WordPress/PHP versions, language, server software, active and inactive plugins and theme, Essential Blocks block usage counts and the admin email address. Sent once on opt-in, and again on plugin deactivation if you opted in.
Terms · Privacy Policy

OpenAI (api.openai.com)
Used by the AI writing and image features only after you add your own OpenAI API key. Your prompt, any selected text or image, and your API key are sent when you run an AI action.
Terms of Use · Privacy Policy

Openverse (api.openverse.org) – run by WordPress.org.
Used by the Openverse block. Registering for an API key sends the name and email address you enter; searching sends your search terms; inserting an image downloads it from its source.
Terms of Service · Privacy Policy

OpenSea (api.opensea.io)
Used by the NFT Gallery block when you add an OpenSea API key. The collection slug or wallet address and your API key are sent when the block is edited or displayed.
Terms of Service · Privacy Policy

Instagram Graph API (graph.instagram.com) – by Meta.
Used by the Instagram Feed block to load posts with the access token you provide, in the editor and on the front end (cached).
Terms of Use · Privacy Policy

Facebook Graph API (graph.facebook.com) – by Meta.
Used by the Facebook Feed block to load page posts with the page ID and access token you provide. Once a token is saved, its validity is checked periodically in the admin.
Platform Terms · Privacy Policy

Google Maps (maps.googleapis.com, maps.google.com) – by Google.
Used by the Google Map block with the API key you provide. The Maps script and marker icons are loaded in the editor and on pages with a map, which sends the visitor’s IP address to Google. Saving a key sends it to Google once to validate it.
Terms · Privacy Policy

Google Fonts (fonts.googleapis.com, fonts.gstatic.com) – by Google.
When the Google Fonts option is on (it can be turned off in Essential Blocks > Settings or Quick Setup) and a block uses a Google font, the font is loaded from Google in the editor and on the front end, which sends the visitor’s IP address to Google.
Terms · Privacy FAQ

YouTube (i.ytimg.com, youtube.com) – by Google.
The Advanced Video block loads the thumbnail and player of a YouTube video you add, on the front end.
Terms · Privacy Policy

Video providers (Vimeo, Dailymotion, SoundCloud, Wistia, Twitch, Facebook and others)
When you add a video or audio URL from one of these providers to the Advanced Video block, that provider’s player script and media are loaded from the provider in the editor and on the front end. The visitor’s browser connects directly to the provider; see the provider’s own terms and privacy policy (e.g. Vimeo Terms · Vimeo Privacy).

Remote SVG icons
If an icon in a block is set to an SVG file URL on another site, the server downloads that file when rendering the page and caches it for 6 hours. Only a standard request to the URL you entered is made.