Think in shapes.
Build with elements.
Containers, headings, text, images, buttons, dividers and spacers. Arrange the structure, bind your variables and adjust styles for desktop, tablet and mobile.
Your ideas, in blocks
Build reusable Gutenberg blocks inside WordPress. Design visually or write HTML/PHP, give editors the controls they need, and keep the shared design yours.
WPBlocks Pro 1.2.0 Formerly BF Blocks
Take a look inside
A focused studio for individual blocks, with the design tools you need and a familiar Gutenberg experience for editors.
A smaller canvas. Bigger possibilities.
Arrange seven visual elements on a dedicated canvas. Use flex or grid containers, nest layers, and refine the details in the style inspector.

Structure for you. Simplicity for editors.
Public variables appear in Gutenberg for each block instance. Private settings stay with the published definition, keeping shared design choices in your hands.
Example · A reusable quote block
Private settings control editing access. They are not secret storage.
41 variations. A place to begin.
Find a starting point across eight categories, from quotes and hero sections to team profiles and calls to action. Search, preview and choose the variation that fits.

Built once. Yours everywhere.
Work in an autosaved draft while the published block keeps serving your site. Publish the shared design when you are ready, with a history to return to.
The publishing workflow
Explore a change. Your live layout stays published.
Update shared structure and private defaults.
Keep each instance’s public content in Gutenberg.
Imports begin as drafts. Review images and URLs when moving to a new site.
Two ways to create
Containers, headings, text, images, buttons, dividers and spacers. Arrange the structure, bind your variables and adjust styles for desktop, tablet and mobile.
Write HTML with editable tokens and scoped CSS. Trusted administrators can enable PHP for blocks that need server-side logic.
<section>
<h2>{{heading}}</h2>
<p>{{description}}</p>
</section>PHP is optional, disabled by default and runs as trusted server code. Visual and code modes do not automatically convert into each other.
A clear content model
Choose from ten variable types. Give editors useful controls for each block, with shared settings where consistency matters.
A good place to start
41 starter variations across 16 families. Pick a starting point, make it your own, and publish a block your team can keep using.
Simple, portrait, split image and more
Hero sections and section headings
Image and text layouts, article cards
Feature cards, grids and process steps
Calls to action and announcements
Team profiles and contact cards
Statistics and pricing layouts
FAQ layouts and notices
Starters are presentation layouts: contact cards are not forms, pricing cards do not process payments, and FAQ layouts display answers openly. Sample content is fictional.
From setup to everyday use
Install WPBlocks Pro, activate your licence and open the studio on a desktop. Your published blocks become part of the way your team works in Gutenberg.
Visit the WPBlocks websiteChoose a starter, a blank visual canvas or an HTML template.
Add variables and decide which content editors can change.
Check your draft and make the finished block available in Gutenberg.
Insert the block across your pages. Each instance keeps its own content.
One Pro toolkit. Choose your site allowance.
The complete visual builder, code editor, starter library and editable fields. All Pro options include the same features, with no product-imposed block-count quota.
WPBlocks is the new name for BF Blocks. The current release is WPBlocks Pro 1.2.0, with a visual studio, HTML/PHP authoring and a library of editable starters.
WPBlocks builds individual reusable Gutenberg blocks. You still compose your pages in WordPress’s block editor, where editors change the public fields you have chosen to expose.
No. You can build visually with containers, headings, text, images, buttons, dividers and spacers. HTML templates and scoped CSS are available too. Optional PHP is disabled by default and requires explicit configuration and trusted administrator permissions.
Pro has no product-imposed limit on the number of block definitions. Each definition supports up to 60 variables and 150 visual nodes; nesting, file-size limits and your hosting resources still apply.
Block authoring and new insertions become unavailable. Existing published blocks continue rendering and their saved content controls remain editable in Gutenberg while the plugin stays installed and active. Deactivating the plugin stops dynamic output, but retains stored definitions and content.
Yes. Export and import block definitions as JSON. Imports start as drafts so you can review them before publishing. Media attachment IDs are site-specific, so check images and URLs on the destination site.
A separate Free edition is planned. The current release is WPBlocks Pro and needs an active paid licence for authoring. View the pricing page for the available site allowances and purchase details.