Features
A developers dream.
Blockstudios carefully crafted feature set is made to deliver the best developer experience (DX) for its users.
File-based
Each file in your Blockstudio folder represents one Gutenberg block. A proven and easy mental model that scales with you.
Enqueue assets
Blockstudio will automagically enqueue CSS and JavaScript files in the frontend when available. No setup needed.
Inline assets
CSS and JavaScript files can be inlined by appending an -inline to the file name, saving additional network requests when needed.
Prefixes
Apply a prefix to all Blockstudio based blocks, preventing ID collisions with your pre-existing block library.
Custom Path
Change the path where Blockstudio should look for Blocks. By default, Blockstudio will try and look for blocks inside your currently activated theme.
Locations
Use the BlockstudioBuild class to create an unlimited amount of locations (plugins, child themes, etc.) for your blocks.
Defaults
Easily set default settings like supported post types or icons for your block library, then override from the file if needed.
Twig support
Blockstudio works with PHP and Twig (using Timber) files. Mix and match your block templates in the same folder as you please.
Exclude folders
Exclude certain folder names from being parsed by Blockstudio as a way to prevent reusable elements from becoming blocks.
Want to the full rundown?
Boilerplate
Reduce code and get running faster.
Below is a code comparison to illustrate how many potential lines of code can be saved by using Blockstudio (left) vs. the usual way in Advanced Custom Fields. (right)
Editor (beta)
The world of blocks at your fingertips.
The brand new Blockstudio editor is the next evolution in block development. It further reduces the barrier of editing blocks and brings a loved and well known code interface (Visual Code Studio via Monaco) to the WordPress admin.
Currently in development, the editor will be out of beta soon. For a lack of a better phrase: make sure to watch this space!

Testimonials
What others are saying:
Finding the balance between using native Gutenberg blocks and still achieving high level, advanced and complex layouts which clients can edit can be a challenge. Blockstudio lowers the barrier to entry for creating Gutenberg blocks by making use of ACF and Metabox functions in an easy to use system. It's as simple as creating a folder, adding a PHP file and defining your block. The possibilities are limitless.

Taylor Drayson
I've been using Blockstudio to build custom Gutenberg blocks for a few months, on both my personal site alongside several client projects. It makes creating blocks incredibly easy and really cuts out on dev time. I love that it works alongside ACF and Metabox as we use both, depending on project requirements. As Gutenberg grows, we're pivoting more towards blocks and away from custom themes and builders - Blockstudio is the enabler for that transition.

James LePage
Purchase