ACF blocks framework.
Declare elements in a single file along with logic, markup and interactivity or kickstart development with the included headless block library.
Customisable to the core.
Blockstudio is not imposing any methodologies or principles on it’s users, make it your own.
Do you already have an existing ACF block library and are concerned about name collisions? Simply add 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 Blockstudio\Build class to create an unlimited amount of build locations with different presets! Nice.
Forgot to set the correct post type for the 100 blocks you’ve just created with so much care? Just set a global default and overwrite it in the block file if needed.
Want to build faster?
We got you covered.
The library provides you with a set of modularised ACF field components and structural, headless blocks to jumpstart your next projects.
Fully accessible and extendable (but unstyled) building blocks like tabs, text components, media galleries and more.
Drop in your favourite CSS frameworks (full support coming soon) or write styles yourself.
* Please note that the block library is currently in a beta phase, as we are still figuring out some of it’s nuances. We are always looking for user feedback and suggestions. Message us!
Created with design
systems in mind.
Blockstudio helps in establishing a cohesive developer experience with focus on flexibility.
Use the classFilter when composing blocks.
Block dependant CSS class names will be generated automatically on the frontend.
The default class naming system is inspired by the industry standard BEM (Block, Element, Modifier) and is structured like so:
If BEM class naming is not your thing, Blockstudio has support for a utility class based approach.
A bright future ahead.
With the WordPress editing experience evolving to a new era, one thing is certain: blocks are here to stay. That’s why we are even more excited for what is in store for Blockstudio:
Theming system for block library
Flexible content field based page builder optimised for Gutenbergs sidebar
Cloud based library for user blocks
Inline editing for ACF fields
Full page block patterns