{"id":2,"date":"2026-08-07T12:12:04","date_gmt":"2026-08-07T12:12:04","guid":{"rendered":"https:\/\/gutoflow.dev\/?page_id=2"},"modified":"2026-08-14T12:31:23","modified_gmt":"2026-08-14T12:31:23","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/gutoflow.dev\/","title":{"rendered":"Home"},"content":{"rendered":"\n
\n
\n

Page-builder blocks.
Without the page-builder weight.<\/h1>\n\n\n\n

Six Gutenberg-native blocks \u2014 Section, Container, Text, Buttons, Info Box and Spacer. Each one inherits your theme, emits only the markup it actually uses, and adds nothing your visitors have to download.<\/p>\n<\/div>\n<\/div><\/section>\n\n\n\n

\n
\n

Most block plugins ask you to move in.<\/h2>\n\n\n\n

They bring their own colours, their own buttons, their own scripts and their own markup \u2014 and they leave all of it in your pages whether you used it or not. Deactivate one and the site falls apart.<\/p>\n\n\n\n

GutoFlow starts from your theme instead. Colours, fonts and buttons come from your theme.json until you deliberately override them. An unused control emits nothing at all \u2014 no icon wrapper on a card without an icon, no stylesheet for a block you never placed.<\/p>\n<\/div>\n<\/div><\/section>\n\n\n\n

\n
\n

The blocks<\/h2>\n\n\n\n
\n
\n
\"section<\/div>

Section<\/h3>

1\u20136 columns with a visual layout picker, per-device layouts, backgrounds, shape dividers and sticky positioning. Drag padding directly on the canvas.<\/p><\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/div>

Container<\/h3>

A column inside a Section, or a standalone box anywhere. Nests freely, with a full flex panel per device.<\/p><\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/div>

Text<\/h3>

One block for H1\u2013H6, paragraph, span and div. Change the tag without retyping the words.<\/p><\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/div>

Buttons<\/h3>

A flex row of real wp-element-button links, so they inherit your theme\u2019s buttons by default.<\/p><\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/div>

Info Box<\/h3>

Icon, image or number, plus heading, text and an optional call to action. Twelve layout presets that rearrange without touching your content.<\/p><\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/div>

Image<\/h3>

Responsive Image Block with advanced customization options<\/p><\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/div>

Spacer<\/h3>

Responsive vertical space with per-device heights, and a default your theme can set.<\/p><\/div>\n<\/div>\n<\/div><\/section>\n<\/div>\n<\/div><\/section>\n\n\n\n

\n
\n

What makes it light<\/h2>\n\n\n\n
\n
\n
01<\/span><\/div>

Zero frontend JavaScript<\/h3>

The static blocks ship none \u2014 and the test suite asserts it, so it can\u2019t quietly stop being true.<\/p><\/div>\n<\/div>\n\n\n\n

\n
02<\/span><\/div>

Cacheable CSS files<\/h3>

Styles are written to a real file rather than an inline style block in every page, so browsers and caching plugins can do their job.<\/p><\/div>\n<\/div>\n\n\n\n

\n
03<\/span><\/div>

Only what you used<\/h3>

A block you didn\u2019t place adds no CSS. A control you didn\u2019t touch adds no markup.<\/p><\/div>\n<\/div>\n<\/div><\/section>\n<\/div>\n<\/div><\/section>\n\n\n\n

\n
\n

Every feature ships with three sets of docs.<\/h2>\n\n\n\n

One for the person using the block. One for the developer extending it. One written for AI assistants, so the tool in your editor gets GutoFlow\u2019s markup right instead of guessing. No feature is finished until all three exist and the tests pass.<\/p>\n<\/div>\n<\/div><\/section>\n\n\n\n

\n
\n

Where it\u2019s up to<\/h2>\n\n\n\n

GutoFlow is version 0.1.0 and heading for the WordPress plugin directory. It needs WordPress 6.7 and PHP 8.1, and it\u2019s GPLv2 \u2014 like WordPress itself. If you want to follow along, or tell me something\u2019s broken, the source is public and the inbox is real.<\/p>\n\n\n\n

\nView the source<\/span><\/a>\n\n\n\nsahadat@gutoflow.dev<\/span><\/a>\n<\/div>\n<\/div>\n<\/div><\/section>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"page-full-width","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gutoflow.dev\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gutoflow.dev\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gutoflow.dev\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gutoflow.dev\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gutoflow.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/gutoflow.dev\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":108,"href":"https:\/\/gutoflow.dev\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/108"}],"wp:attachment":[{"href":"https:\/\/gutoflow.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}