Blockstudio

• Create custom blocks using PHP only.
• 25 different field types.
• 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.