Description
Bring your creative visions to life with Essential Blocks for Gutenberg, the ultimate blocks library for WordPress!
Enhance your Gutenberg experience with 50+ 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 GUTENBERG BLOCKS LIBRARY!
See It In Action: Check out all the interactive block demos in one place.
✨ COMPLETELY CUSTOMIZABLE
Each block comes with a bunch of options to control every possible aspect of your website design. You can design your page with endless customization options using this amazing Gutenberg blocks plugin.
🌐 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.
⚙️ 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
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 FEATURE
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 BLOCK PATTERNS
Get stunningly designed, ready-to-use 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
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 & CryptoCurrency
– 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.
50+ FREE & ADVANCED BLOCKS AND COUNTING
Design without limits in WordPress block editor, using 50+ 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, tags, 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
More blocks and demos coming soon (weekly update)
📄 SUPPORT & DOCUMENTATION
- If you have any more questions, visit our support on the Plugin’s Forum.
- Find out how to use each Gutenberg block with our detailed documentation.
- For information about our features, FAQs and more, check out our website at Essential Blocks for Gutenberg.
🏆 GET ACCESS TO QUICK & EASY 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 52 blocks.
- Image Comparison Let the visitors compare images & make your website interactive.
- Form Create Beautiful and Professional Contact, Subscription or any other custom Forms easily with a few clicks.
- Select Field Form Block Select 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.
- Radio Field Form Block Radio Field
- Instagram Feed Showcase instagram posts for your web visitors.
- Text Field Form Block Text Field
- Feature List Make your website interactive with feature list.
- Flipbox Deliver your content beautifully to grab site visitor's attention.
- Call To Action Call to action lets you create an interactive CTA for the website to draw visitor's attention on the spot.
- WPForms Design stunning WPForms in minutes with plenty of controls & styling options
- Social Icons Add icon links to your social media profiles and grow your audience with animated social icons
- Infobox Deliver your content beautifully to grab attention with an animated Infobox block.
- Toggle Content Toggle Contents or blocks with a beautiful switcher.
- Number Field Form Block Number Field
- Shape Divider Make your website designs stand out by showcasing different sections with stunning shape dividers
- Icon Picker Icon Picker Block lets you choose any Font Awesome icon to customize your design as per your preference.
- Social Share Share your posts & pages instantly on popular social platforms in one click from your website.
- Textarea Field Form Block Textarea Field
- Openverse Easily search & use royalty free images, stock photos, CC-licensed images from Openverse for your website
- Team Members Present your team members beautifully & gain instant credibility
- Wrapper This is a wrapper block for other blocks within it.
- Post Carousel Showcase your posts & blogs in a stylish way on your website and make it more engaging
- Parallax Slider Create a captivating visual experience & impress your audience
- Testimonial Display testimonials & gain instant credibility
- NFT Gallery Display your NFT items & collections in a stunning gallery view without any coding
- Row Create complex Row layouts with plenty of styling controls & responsive options
- Interactive Promo EB Interactive Promo lets you decorate your website outlook with its amazing Promo effects
- Table Of Contents Insert Table of Contents on your posts/pages and enhance user experience on your WordPress website
- Google Maps Display locations from Google Maps seamlessly and style how they look to match your site design.
- Popup Showcase your videos, images or other content with popup & trigger actions.
- Advanced Image Customise images in Gutenberg to fit your exact needs.
- Woo Product Grid Display WooCommerce products in a stunning, organized layout & help customers with EB Woo Product Grid.
- Typing Text Make your website interactive with typing text animation.
- 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!
- Checkbox Field Form Block Checkbox Field
- Countdown Highlight upcoming events with countdown timer
- Fluent Forms Design your Forms container, fields and choose preferred form layout to style Fluent Forms
- Advanced Heading Create advanced heading with title, subtitle and separator controls
- Post Grid Create a stunning and interactive visualization for your blogs in a grid layout
- 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.
- Advanced Video Portray any attractive video content on your website and grow engagement
- Email Field Form Block Text Field
- Advanced Tabs Display nested tabs to display key information on an instance in an interactive manner.
- Accordion Display your FAQs & improve user experience with Accordion/Toggle block
- Advanced Navigation Display pages & posts with easy navigation in your website with stunning & organised appearance.
- Notice Put spotlight on news, announcements & let the visitors find it easily
- Slider Display multiple images and content in beautiful slider & reduce page scroll
- Image Gallery Impress your audience with high-resolution images
- Dual Button Create two buttons to be stacked together
- Progress Bar Make your website interactive with stunning progress bars.
- 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.
- 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.
- Now click on Activate button to activate the plugin.
- That’s it. You can access all blocks easily from Gutenberg editor.
Or,
- You can download the plugin by clicking the Download button from Essential Blocks for Gutenberg
- Then go to wp-admin -> Plugins -> Add New and click on the Upload Plugin.
- 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
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.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
4.7.4 – 02/07/2024
- Improved: Advanced Tab | Added option to disable min height for vertical layout
- Improved: Advanced Tab | Added option for responsive layout switch on vertical layout
- Fixed: Advanced Tabs | Active tab icon color not working
- Fixed: Team Member | Images removed on attempt recovery issue
- Fixed: Removed Edit HTML option for Advanced Tabs and Accordion Block to prevent attempt recovery
- Fixed: EB Dashboard | Blocks enable/disable reset on plugin update
4.7.3 – 24/06/2024
- Improved: Custom CSS Editor better performance
- Fixed: Dual Button | HTML Tag not working properly
- Minor bug fixes & improvements
4.7.2 – 12/06/2024
- Fixed: Animation Delay Option not working for blocks
- Fixed: Column Block | responsive not working properly
- Fixed: Column Block | animation not working properly
- Fixed: Responsive control not working properly for all blocks
- Minor bug fixes & improvements