enBlocks – Gutenberg Blocks for WordPress Block Editor

Description

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.

Screenshots

  • Preview

Blocks

This plugin provides 16 blocks.

  • Team Add a team section to the page.
  • Columns Add multiple columns with advanced layout options.
  • CountUp Make a visual statement with animated counting numbers.
  • Image Insert an image to make a visual statement.
  • Icon Insert an SVG icon to enhance your content.
  • Social Links Add multiple social media profile links.
  • Heading Add a title, subtitle or paragraph for article, section, or block.
  • Container Create a section, nested blocks layout, or wrap multiple blocks.
  • Hero Design an eye-catching hero section for your website.
  • Buttons Quickly and effortlessly add multiple interactive buttons.
  • CountUps Pre-designed multiple animated counting numbers.
  • Spacer Add a vertical space between blocks.
  • Popup Add popups to capture users' attention and enhance information delivery.
  • Social Link Add a single social media profile icon.
  • Button Create a modern and interactive action button.
  • Column Add a single column with layout and styling options.

Installation

  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.

FAQ

How do I add blocks to my page?

  • Create a new page or post
  • Add a new block, and look for the “enBlocks” category
  • Select a block & start building.

What theme should I use?

It will work with most of the block themes.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“enBlocks – Gutenberg Blocks for WordPress Block Editor” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

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