50% black friday discount: BLACKFRIDAY22 at checkout Arrow Forward

A built-in code editor that doesn't suck.

Edit blocks from the comfort of your WordPress admin dashboard. With the power of live previews, breakpoints, Prettier formating and powerful autocompletion, creating custom blocks has never been easier.

Information Circle 99 € lifetime license for unlimited sites.

blockstudio editor

Cog Features

All the tools for productive development. In your browser.

Layers File browser

Swap between your Blockstudio library with an always available file-system like browser.

Eye Live preview

Changes made to files are immediately visible in the preview section of the editor.

Warning Error notices

Blockstudio will report any PHP errors in your template files and prevent accidental saving.

Color Wand Prettier formatting

CSS and JavaScript files are automatically formatted using the popular Prettier code formatter.

Text Autocompletion

On top of Monacos autocompletion, Blockstudio also knows all available PHP functions of the current WordPress environment.

Resize Preview breakpoints

Quickly preview the current block at different screen sizes without ever leaving the editor.

Arrow Forward Circle

The Blockstudio editor is built on top of Monaco, the underlying code editor that powers VS Code.

Cart Purchase

Buy once, use forever.

Checkmark Unlimited sites Checkmark Lifetime updates Checkmark Product support (via E-Mail) Checkmark Access to private Discord (soon) Checkmark Discounts for future products