# Uibuilder next release preview - Use zero-code with http-in/-out and Dashboard!

**URL:** https://discourse.nodered.org/t/uibuilder-next-release-preview-use-zero-code-with-http-in-out-and-dashboard/80845
**Category:** Share Your Nodes
**Tags:** uibuilder
**Created:** [27 August 2023 19:33 UTC](https://discourse.nodered.org/t/uibuilder-next-release-preview-use-zero-code-with-http-in-out-and-dashboard/80845 "2023-08-27T19:33:26Z")
**Posts on this page:** 4
**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: [27 August 2023 19:33 UTC](https://discourse.nodered.org/t/uibuilder-next-release-preview-use-zero-code-with-http-in-out-and-dashboard/80845/1 "2023-08-27T19:33:26Z")

</div>

Hi all, bit of a tease for the bank-holiday (in the UK) weekend. 😊

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/7/87916a5f7317cd6592a2b6ca5d0a86948ee306f4.png)

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/c/6c037a6620663cc565cdd74d91dda34b0f66a1f7.png)

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/5/e52cf8ee2ca18a11ae67d0c84c8be630c8789d13.png)

Here you see a uibuilder node being used without uibuilder!

The new `uib-html` node does - at the server - what the uibuilder client does in the browser. Hydrate `msg._ui` configuration data to HTML.

This means that you can use uibuilder's zero-code nodes (`uib-element`, `uib-tag`, `uib-update`) or hand-crafted `_ui` data with `http-in`/`http-out` or `ui_template` nodes.

As always, you can test this out by installing uibuilder from GitHub.

---

<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: [1 September 2023 16:54 UTC](https://discourse.nodered.org/t/uibuilder-next-release-preview-use-zero-code-with-http-in-out-and-dashboard/80845/2 "2023-09-01T16:54:40Z")

</div>

Some further updates just pushed to GitHub.

A new element type for `uib-element` that lets you send Markdown which is automatically rendered in the front-end as HTML as long as you have loaded the Markdown-IT library. Examples in the updated documentation.

I didn't make explicit in the last post that the code that turns the low-code JSON config into full HTML and manages the DOM for you is now a separate class library called `ui.js`. This library is available both for standalone use in other browser projects but is also available as a node.js module.

As a consequence, you can now _ **build your own custom nodes or incorporate the low-code capabilities into other projects** _ outside of Node-RED if you want to. Eventually, I will be publishing this in its own npm package for both the browser and node.js. The code is, as usual, licensed as Apache 2.0 so you are free to use anywhere including in commercial projects.

---

<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 July 2024 15:04 UTC](https://discourse.nodered.org/t/uibuilder-next-release-preview-use-zero-code-with-http-in-out-and-dashboard/80845/3 "2024-07-21T15:04:47Z")

</div>

A post was split to a new topic: [Struggling with D3.js chart in UIBUILDER page](https://discourse.nodered.org/t/struggling-with-d3-js-chart-in-uibuilder-page/89651)

---

<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 July 2024 15:05 UTC](https://discourse.nodered.org/t/uibuilder-next-release-preview-use-zero-code-with-http-in-out-and-dashboard/80845/4 "2024-07-21T15:05:24Z")

</div>


