Modern and flexible block framework for WordPress.
Declare elements in a single file along with logic, markup and interactivity or kickstart development with the included block library. Requires Advanced Custom Fields Pro or Metabox Blocks.
One block at a time.
With Blockstudio, files in your blockstudio (theme) folder will automatically be registered as ready-to-use blocks in Gutenberg.
Block information is being defined in the header of the file. These settings correlate to their respective register_block_type counterparts.
While defining fields via the ACF or MB interface is completely fine, Blockstudio includes a handy way to register fields in the block files.
The block markup is defined at the end of each file. Just like with ACF or MB, it is possible to define a different structure for the editor and frontend and provide example fields for the preview window.
Get started with BlockstudioBuy Now
Automatically enqueue assets
No setup needed. Simply place your markup, style and script files inside a folder and let Blockstudio do its magic.
Customizable by nature.
Make Blockstudio work your way and define global defaults, run multiple instances or set block name prefixes.
Do you already have an existing block library and are concerned about name collisions? Apply a prefix to all Blockstudio elements.
Using a page builder that turns off themes altogether? Want to build your blocks from a plugin instead? Simply change the build path.
Need more fine grain control? Use the BlockstudioBuild class to create an unlimited amount of build locations with different prefixes!
Forgot to set the correct post type for the 100 blocks you’ve just created with so much care? Set a global default and overwrite it in the block file if needed.
Are you using Timber? Blockstudio works with PHP and Twig files. Mix and match your block templates as you please.
Just wanna start developing? Simply activate the included JS file (~60kb) and start composing interactive Blocks using Twind and Alpine.
Professionally designed block library using Tailwind.
The template library provides you with an extensive and carefully crafted selection of professionally designed elements for your own and client websites.
Continue to checkout