Declare elements in a single file along with logic, markup and interactivity or kickstart development with the included block library. (coming soon)
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 BlockstudioBuild 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.
The library will provide you with an extensive selection of professionally designed blocks for your website. Built with a utility-first approach using Tailwind.
Pick a fitting element from our ever growing block library. (50+ and counting)
Edit your chosen block and add it to your page.
* Please note that the block library is currently in construction, as we are still figuring out some of it's nuances. We are always looking for your ideas and suggestions. Message us!
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.
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 Blockstudios future: