WordPress.org

Plugin Directory

Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates

Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates

Përshkrim

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

🏆 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.

Foto ekrani

Blloqe

Kjo shtojcë furnizon 52 blloqe.

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

Instalim

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.

PBR

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.

Shqyrtime

7 Maj, 2024
Awesome and very helpful support team. Thanks so much to Tracy for the great support, sometimes it’s not only about the great plugin but the support we need along the way. Keep it up!
21 Prill, 2024
Calling this a plug-in is kind of a disservice to what it is. I was looking for just plug’ins to help me build out my blog posts, but ended up with a tool that can replace Divi builder. I recently bought Divi Builder but it felt really limited in what I can do with my blogs, so I found this installed and realized, you can build an entire web site with it. I deleted divi and am just using this now. Some of the features in this builder replaces a lot of my other plug ins at a fraction of a cost. Now I can get rid of my Common Ninjas Widgets (which is over priced) and Divi (which is slow and annoying to use) as well other Data Table Editors. I’m hoping this will be useful when I add it to my other existing themes. Customer service is the best part of this.
15 Prill, 2024
A new release of the price table recently came out (this morning). It was easy to install and update, but here is the best part. It was broken in a specific scenario that I identified. However, they not only responded quickly, the made a formal release update within an hour of submitting a request to fix it. Sure, the plug-in is great, but having support respond that quickly and appreciative of the feedback is rare in my recent experience with any software.
Lexojini krejt 138 shqyrtimet

Kontribues & Zhvillues

“Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates” është software me burim të hapur. Në këtë shtojcë kanë dhënë ndihmesë personat vijues.

Kontribues

“Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates” është përkthyer në 5 gjuhë. Faleminderit përkthyesve për ndihmesën e tyre.

Përkthejeni “Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates” në gjuhën tuaj.

Ju intereson zhvillimi?

Shfletoni kodin, shkarkoni depon SVN, ose pajtohuni përmes RSS-je te regjistri i zhvillimeve.

Regjistër ndryshimesh

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

4.7.1 – 09/06/2024

  • Fixed: Editor JavaScript error in WordPress 6.4 or lower
  • Fixed: Essential Blocks Admin Dashboard page not loading correctly

4.7.0 – 05/06/2024

  • Added: Global Typography Control
  • Added: Theme font support in Essential Blocks Typography Picker
  • Added: Save & Insert button in block default control
  • Improved: Reduce Google font request in Editor
  • Fixed: Google font weight issue
  • Fixed: Global Font reset not working
  • Improved: Security enhancement
  • Minor bug fixes & improvements

See changelog for all versions.