Flexa Block – Blocks & Page Builder
Flexa Block is a growing collection of modern Gutenberg blocks designed to help you build beautiful WordPress websites faster. Instead of installing multiple block plugins, Flexa Block focuses on providing carefully crafted, lightweight, and highly customizable blocks that integrate naturally with t
Flexa Block is a growing collection of modern Gutenberg blocks designed to help you build beautiful WordPress websites faster.
Instead of installing multiple block plugins, Flexa Block focuses on providing carefully crafted, lightweight, and highly customizable blocks that integrate naturally with the WordPress Block Editor.
📌 DEMO
Features
- Lightweight and performance-focused
- Native Gutenberg experience
- Front-end inline editing — click text on the live page and edit it in place
- Responsive by default
- Clean and modern design
- Highly customizable
- No unnecessary bloat
- Regular updates
Front-end inline editing
Fixing a typo no longer means opening the Block Editor. On the live page, logged-in users who can edit the post simply click the text, type, and save — the change is written straight back to the block, so your layout, styling and generated CSS stay exactly as they were. Every edit is recorded as a note on the post, and you decide from the settings page whether inline editing is on, which roles may use it, and which blocks it applies to.
Whether you’re building landing pages, business websites, blogs, or eCommerce stores, Flexa Block helps you create professional layouts with less effort.
More blocks and advanced features will be added in future releases.
Source code for compiled JavaScript and CSS
The plugin ships with minified/compiled JavaScript and CSS in build/ . The human-readable source code ( src/ ), together with the build tooling used to generate those assets, is publicly available and maintained at:
https://github.com/flexatech/flexa-block
The assets are built with npm and @wordpress/scripts (webpack). To build them yourself:
- 01Install dependencies: npm install
- 02Build production assets: npm run build (or npm start for a watched dev build)
This regenerates everything in build/ from the source in src/ .
