enBlocks – Gutenberg Blocks for WordPress Block Editor

A collection of page-building blocks for WordPress Gutenberg Block Editor to make content creation easier, more flexible, & more efficient.

Available Blocks

Buttons
Quickly and effortlessly add multiple buttons, adjusting their size, shape, justification, orientation, gap, and additional customization options.

Button
Create a modern and interactive action button that offers a range of features, including the ability to adjust animation, text colors, fonts, spacing, gradient background, hover options, and even set an SVG icon. and more additional customization options.

Columns
Create customizable multiple columns with advanced layout options. This tool offers the ability to create fluid columns and also allows you to set custom grid-template rows and columns.

Column
A single column with a column span layout and styling features that include entrance animations, custom background colors, image, video, or gradient color. Additionally, it offers options for spacing, border, transition, typography, and more customization features.

Container
The Container Block is designed to craft stunning sections, wrap multiple other blocks, and create nested block layouts. It also offers options for creating a Flexbox layout, custom HTML tag selector, aligning child blocks, adjusting justification, and managing gaps.

Additionally, it provides advanced styling features, including CSS animation, positioning, transform, spacing, visibility, box-shadow, a variety of background options, background overlay colors, and gradient color.

CountUp
Enhance your content with animated counting numbers. You can customize the initial starting number, grouping of numbers, set prefix and suffix text, time duration, and even styling options such as colors and typography.

CountUps
Pre-designed multiple animated counting numbers.

Heading
Create a captivating title, subtitle, headline, and paragraph for an article, section, and block with various styling features, including advanced typography, fluid font sizes, animation, spacing, text colors, gradient text colors, and text styling.

Hero
Design an eye-catching hero section for your website to make a good impression on visitors. Use titles, paragraphs, images, videos, graphics, buttons, and other elements to increase the engagement and informational value of your hero section.

Icon
Transform your content with a beautiful SVG icon, providing the flexibility to select from a pre-defined list or utilize your own SVG icon code. Enjoy a wide range of customization options, including background color, animation, size, spacing, transform, and transition.

Image
Enhance your content with an image, utilizing various styling features such as animation, size, spacing, filter, clip-path, transformation, transition, and border.

Popup
Create captivating popups to capture users’ attention and motivate them to engage in desired actions. These can serve various purposes, including lead generation, delivering information, increasing sales through discounts and promo codes, encouraging newsletter subscriptions, displaying videos and images, providing cookie information notices, and more.

Features such as selecting trigger types (on-page load, on-page scroll, on-click, or on-page scroll to a specific page section), disabling page scrolling, determining popup display positions, and options and styling for the close button are also available.

Social Links
Add social media profile links on your website that guide visitors to your different social media accounts, helping to increase your followers.

Spacer
Add a vertical space between blocks. You can adjust values for desktop, tablet, and mobile. It also supports fluid spacing, allowing you to set minimum and maximum values.

Team
Add a beautiful team section to the page. It’s a pre-designed nested blocks that includes a title, an image, and buttons, each with styling options.

Documentation

Check out our documentation for more information on the individual blocks and how to use them.

1.4.0

• Fix: Various styling issues
• Update: Block component UI
• Update: Combined similar block component
• Updated: Removed force margin and padding
• Updated: Improved performance
• Removed: Cleanup unwanted files

1.3.10

• Add: Team block
• Add: Social Links block
• Fix: Button icon

1.3.9

• Add: Popup block
• Add: CountUps block
• Fix: Container block padding issue
• Fix: Spacing: margin auto
• Fix: Link decoration style issue
• Update: Heading block with span tag support

1.3.8

• Add: CountUp block
• Fix: remove grid from Container block

1.3.7

• Add: Hero Block
• Add: Hero Block variations
• Fix: spacing component

1.3.6

• Update: container block with grid layout
• Optimized for performance

1.3.5

• Add: spacer block
• Update: container block with Flexbox layout
• Fix: animation issue
• Fix: buttons block issue
• Fix: size with responsive unit

1.3.4

• Fix: fluid columns – column width issue
• Fix: grid-column and grid-row min max value issue
• Add: SVG icons

1.3.3

• Add: icon block

1.3.2

• Fix: packages upgrade issues

1.3.1

• Add: inline component help text
• Add: fancy border radius for image block
• Fix: background animated background issue
• Update: refactor unit component
• Update: refactor spacing component

1.3.0

• Add: image block

1.2.0

• Add: container block and heading block

1.1.1

• Refactor: button block
• Fix: animation conflict with animated background

1.1.0

• Added more variable fonts
• Added blueprint
• Added button accessibility options
• Fixed typography issues
• Fixed block animation conflict with animated background color
• Added columns block and column block

1.0.0

• Initial release

1. Go to “Plugins > Add New” in your Dashboard and search for: enBlocks, Install and activate enBlocks plugin.
2. Download the .zip from WordPress.org, and upload the folder to the /wp-content/plugins/ directory via FTP.

In most cases, #1 will work fine and is way easier.