Skip to content
A WordPress Admin interface and a simple templating system for building custom Gutenberg blocks.
PHP JavaScript CSS Shell Makefile
Branch: develop
Clone or download
lukecarbis Merge pull request #435 from getblocklab/feature/replace-globals
Replace global variables with data array in Plugin class
Latest commit 5b44a55 Oct 15, 2019

Block Lab

Contributors: lukecarbis, ryankienstra, Stino11, rheinardkorf Tags: Gutenberg, Blocks Requires at least: 5.0 Tested up to: 5.2 Requires PHP: 5.6 Stable tag: trunk License: GPLv2 or later License URI:

The easy way to build custom blocks for Gutenberg.


Gutenberg, the new WordPress editor, opens up a whole new world for the way we build pages, posts, and websites with WordPress. Block Lab makes it easy to harness Gutenberg and build custom blocks the way you want them to be built. Whether you want to implement a custom design, deliver unique functionality, or even remove your dependance on other plugins, Block Lab equips you with the tools you need to hit “Publish” sooner.


A Familiar Experience

Work within the WordPress admin with an interface you already know.

Block Fields

Add from a growing list of available fields to your custom blocks.

Simple Templating

Let the plugin do the heavy lifting so you can use familiar WordPress development practices to build block templates.

Developer Friendly Functions

Simple to use functions, ready to render and work with the values stored through your custom block fields.

Connect with Community

Join The Lab, our free Block Lab Community on Slack. The Lab is our real-time home for sharing resources, learning, and making connections. Learn more.

Go Pro

Block Lab Pro is here, with power features to take your block building to the next level. Learn more.



From Within WordPress

  • Visit Plugins > Add New
  • Search for "Block Lab"
  • Install the Block Lab plugin
  • Activate Block Lab from your Plugins page.


  • Clone Block Lab into a working directory with
  • cd into the block-lab directory, and run npm install
  • Next, build the scripts and styles with npm build
  • Move the block-lab folder to your /wp-content/plugins/ directory
  • Activate the Block Lab plugin through the Plugins menu in WordPress

Frequently Asked Questions

Q: Do I need to write code to use this plugin? A: Although the plugin handles the majority of the work in building a custom block, you will need to build HTML templates to display the content of the block. You can learn how in the the developer documentation.

Q: I have an idea for the plugin A: This plugin is open source and can only be better through community contribution. The GitHub repo is here.

Q: Where can I find documentation for this plugin? A: Here


See Contributing to Block Lab.

You can’t perform that action at this time.