Use features like InnerBlocks and RichText without JavaScript.
Automatically enqueue styles and scripts.
Edit blocks inside the admin with a full-blown code editor.
Extend core or third-party blocks with custom fields.
Supercharge Your Block Editor Development Process
Custom Blocks: Create interactive, advanced custom blocks using nothing but PHP and JSON.
Extensions: Extend any core or third-party block with custom fields and functionality.
Admin Code Editor: Build blocks with a powerful code editor right from your WordPress admin dashboard.
Batteries Included: Use Twig, automatically enqueue assets, compile SCSS, and much more.
File System-Based: Use a System You Already Know: Files
All block.json files within the blockstudio directory are parsed and registered as custom blocks. Other assets like styles and scripts will automatically be enqueued when the block is being used.
Metadata for the block. The Blockstudio schema extends the WordPress block.json schema with additional properties.
25 Different Field Types at Your Disposal
Blockstudio provides a versatile array of field types, from basic text fields to complex structures like repeaters and tabs, as well as DOM-focused fields such as classes and data attributes. This diverse selection caters to a wide range of development needs.
Composition
Blockstudio brings together the best of both worlds to create native WordPress blocks. React features inside the editor and plain server-side-rendered PHP for the frontend. All inside the same file, without a build step.
Editor - The World of Blocks at Your Fingertips
The Blockstudio editor is the next evolution in WordPress 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 area.
Socials