# 🌐 UIBUILDER v7.6 Development Progress - adding a single node website creator!

**URL:** <https://discourse.nodered.org/t/uibuilder-v7-6-development-progress-adding-a-single-node-website-creator/100379>\
**Category:** Share Your Nodes\
**Tags:** uibuilder\
**Created:** [14 February 2026 21:02 UTC](https://discourse.nodered.org/t/uibuilder-v7-6-development-progress-adding-a-single-node-website-creator/100379 "2026-02-14T21:02:23Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [14 February 2026 21:02 UTC](https://discourse.nodered.org/t/uibuilder-v7-6-development-progress-adding-a-single-node-website-creator/100379/1 "2026-02-14T21:02:23Z")

</div>

Slow but steady progress on v7.6.

As usual, I've taken on a bigger task than first appreciated with the new `uib-markweb` node that will be the simplest way to create an entire, information heavy website with Node-RED. 🤣

However, it is a fun project and I think will be highly useful to a lot of people. However, I've had to rewrite major sections of it several times already. Not least of which having to replace a Markdown-to-HTML library and having to learn how to create custom plugins for the new library that integrate with the data in markweb. Remembering that I am doing all of the conversion _on the server_ not in the browser. Getting there though, it should be worth the wait.

Also as usual, working on one thing triggers the need for updates (and bug-fixes :cough:) in other areas. Today's side-track has resulted in a very nice new feature - the addition of `uib-var` _attributes_ that you can add to _any_ HMTL element. This rounds out the existing `uib-topic` attribute which is certainly the easiest way to dynamically update on-screen information from Node-RED.

The `uib-var` attribute will be more useful to anyone doing any front-end JavaScript processing. It is very similar in concept to the existing `<uib-var>` custom web component that is built-in.

Of course, improvements in any area demand better documentation and new examples. So we have 2 new examples:

- Built-in Web Components

- Easy UI Updates

The addition of the `uib-var` attribute opens up a much better way to handle seamless updates for your markweb websites.

Tomorrow, it is back to restructuring the markweb code to make use of the new uibuilder capability for better and more dynamic seamless updates. Then back to a 3rd (or maybe 4th!) attempt at creating the perfect page/folder listing feature that will give you all of the control and flexibility you might be used to from tools like Hugo or Astro - BUT also having everything dynamically updating! So if a page changes, so will your index list and menus, automatically!

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [21 March 2026 17:44 UTC](https://discourse.nodered.org/t/uibuilder-v7-6-development-progress-adding-a-single-node-website-creator/100379/2 "2026-03-21T17:44:10Z")

</div>

Another quick update since there have been quite a few fixes and updates to the new _ **markweb** _ feature set over the last few days.

- If the currently shown page content changes on the server, the client is automatically updated.

- Navigation and folder/page index listings are now also dynamic. If anything changes on the server, any connected client is automatically updated.

- If a client disconnects from Node-RED and then re-connects, the content and the navigation is automatically updated.

- The navigation index highlights the current page.

- The table of contents in the sidebar not only updates on content change but also highlights the current scroll position.

- You can now have a custom page template. (But only 1 for all pages I'm afraid. Multiple templates will come in a later release).

- The sidebar can be dragged to be larger or smaller and there is a burger menu to toggle it.

- Most of the bugs have been ironed out now.

![Animation1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/e/4e7c89d4772a51be220b5841ef0e07fdd34ceb25.gif)

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [23 March 2026 02:09 UTC](https://discourse.nodered.org/t/uibuilder-v7-6-development-progress-adding-a-single-node-website-creator/100379/3 "2026-03-23T02:09:37Z")

</div>

Another day, more updates. I think that most if not all of the markweb core is now working.

Index listings now have a nicer and clearer format:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/5/8584805f96e1f1478e1aa54dff8a7689ce2954d8.png)  
Notice the index lines on the left border.

Your main content is now also collapsable, headings show the level on hover and have different bottom borders for different levels:  
 ![Animation1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/b/6b5392d1405135e397d0f05421ba0c3bde50affa.gif)

Code blocks with defined languages now show the language on hover. I will try to make them collapsible as well.  
 ![Animation1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/3/e304fffec2c76ddac3aca614ea9d736f18ae8449.gif)

Next up is to finish off the Editor panel and Editor help.

Lots more I'd like to do but I think we are close to an initial release now, other things can wait for a follow-up release.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [24 March 2026 21:32 UTC](https://discourse.nodered.org/t/uibuilder-v7-6-development-progress-adding-a-single-node-website-creator/100379/4 "2026-03-24T21:32:17Z")

</div>

Ahem, thought I was ready to go and then decided that people would appreciate a built-in _ **demo site** _ for Markweb!

The demo site runs through all the main features and also acts as a test site. Better than an example flow in this case since the typical flow for _Markweb_ is just a _single node_! 🧙‍♂️

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/a/4a856e443b986e43199464e59d54d87e1b0fa7fd.png)  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/f/dfd6e6718c8beb7217065bc39ad29ec22ababf87.png)

Slightly mixed initial outcome because that showed up a bunch of hidden issues in my logic. 😳 Now fixed 😃

Aaand ... What was called `uib-markweb` is now just `markweb`. This is the brand for that feature I'll be using from now on. Welcome to **Markweb**!

There is one remaining enhancement I've not yet managed to get working correctly. I want the page to refresh after a socket disconnection (e.g. your PC went to sleep). Think that is going to need an enhancement to the main uibuilder client library as well.

Node-RED log output for Markweb is all prefixed with "🌐🕸" (other uibuilder node outputs are prefixed with just "🌐". Makes the logs a lot easier to parse.

The Node-RED Editor panel for markweb is ready as is the Editor help panel. The uibuilder docs are updated too.

So, inching closer to release.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [25 March 2026 19:43 UTC](https://discourse.nodered.org/t/uibuilder-v7-6-development-progress-adding-a-single-node-website-creator/100379/5 "2026-03-25T19:43:02Z")

</div>

More fun!

I threw the uibuilder docs at Markweb to see what would happen. Not too bad actually. I may eventually transfer to using it for the local docs at some point - TBD.

Also a bit of fun with the content header. The header and the page title shrink as you scroll down and back as you scroll to the top. (Sorry if you are a Firefox user - they haven't implemented the scroll behaviours yet I'm afraid. They'll get there eventually).

![Animation1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/6/26fcf1a8ed311497c434125d206072a68a654e79.gif)

---

<div class="post-metadata">

**Author:** ![craigcurtin](https://avatars.discourse-cdn.com/v4/letter/c/94ad74/32.png) [@craigcurtin](https://discourse.nodered.org/u/craigcurtin)\
**Post date:** [26 March 2026 01:15 UTC](https://discourse.nodered.org/t/uibuilder-v7-6-development-progress-adding-a-single-node-website-creator/100379/6 "2026-03-26T01:15:35Z")

</div>

Fantastic Steady progress there Julian

Craig

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [27 March 2026 20:58 UTC](https://discourse.nodered.org/t/uibuilder-v7-6-development-progress-adding-a-single-node-website-creator/100379/7 "2026-03-27T20:58:55Z")

</div>

Sorry for spamming the forum but I'm trying to keep the pressure on myself to get v7.6 to deployment status.

And thanks for those still following along. 😃

Today was mostly updating the Markweb documentation and demo pages. With some CSS tweaks to satisfy my OCD including a better theme for syntax highlighted code blocks.

More notably, `{{varname}}` markdown processing now allows for control attributes similar to `%%directive%%` entries. Specifically things like:

```auto
{{temperature [default="N/A" before="🌡️: " after="℃"]}}

```

One more Markweb thing to test - you can override the sidebar nav listing with a custom listing using JSON.

After that, we should be done. Just the usual pre-publish workflow to go through.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [9 April 2026 18:43 UTC](https://discourse.nodered.org/t/uibuilder-v7-6-development-progress-adding-a-single-node-website-creator/100379/8 "2026-04-09T18:43:54Z")

</div>

And now we are VERY close to release.

I've tidied up some code, squashed a few edge-case issues and done my best to expand the documentation.

Regarding documentation for Markweb, the details are now contained in the `[DEMO]` site which acts not only as documentation but also as a regression test suite.

A few tweaks added since my last update:

- Recognises not just `index.md` for content folders but also `_index.md` and `<foldername>.md` which makes it easier to migrate content from things like Hugo, Astro and Obsidian.
- Task list layouts are a bit nicer.
- The title at the top of each page now not only reduces in size as you scroll down long content but is also a link back to the top of the page (also removing any hash on the URL at the same time).
- The footer at the bottom of each page also reduces in size slightly as you scroll down.
- Index tree lists, including the navigation list, now better respect the high/medium/low `sortPriority` frontmatter field. Saves having to do a custom navigation tree just to move something to the top or bottom.
- A bunch of CSS tweaks done - to satisfy my OCD!
- Removed some cases of site reindexing when it didn't really need to.
- Expanded the default `global-attributes.json` file to include the site favicon (which has changed to a green version of UIBUILDER's wireframe world icon). Also added a default page title and description.
- `{{varname}}` processing now uses UIBUILDER's `<uib-var>` responsive web component or the `uib-var` custom attribute to stay in line with and re-use uibuilder's feature sets.  
Additionally, the `{{...}}` processing allows for 3 possible arguments to supplement the value display.  
`before`, `after`, `default`  
Each accepts text or HTML (not Markdown) and should be pretty self-evident.

Phew! There always seems more to do than expected when getting ready for a release.

I'm hoping to release v7.6 in the next few days now.

![Animation1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/e/4e09f4b2db3afc24bcf3b989b2717ce2ff925c2f.gif)

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [10 April 2026 17:10 UTC](https://discourse.nodered.org/t/uibuilder-v7-6-development-progress-adding-a-single-node-website-creator/100379/9 "2026-04-10T17:10:45Z")

</div>

UIBUILDER nodes have received a small update:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/7/e7d1a562fdc79d031c9a53124856291b339fb1df.png)  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/d/7d198dca78fadffaf6114d95653911a8dc3dd586.png)  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/3/53ce7013e581414bffb3c0e91be317a2fca6d2d9.png)