# Custom UI code

| Condition            | Value  |
| -------------------- | ------ |
| Released in version: | 1.0.13 |
| Flutter/Dart link:   | N/A    |

<figure><img src="/files/WaINTBhsD37AuVTvj9F2" alt=""><figcaption><p>Custom UI code default node</p></figcaption></figure>

The "Custom UI code" node is a utility node that allows you to add your own UI code to a particular place in your project. It is extremely useful for adding functionality not yet implemented in Waoo App Builder nodes.

Unlike the "Custom logic code" node, this node is focused on adding Widgets not yet supported as a node in Waoo App Builder. Therefore its "connector" entry is of type "Widget" and has no outputs as well.

This particular node does not have a Flutter library counterpart since you are free to add whatever code you wish in this field. Therefore, please note that your code will not be sanitized or checked by Waoo App Builder. It will be directly added to the place indicated by you.

Imports assigned in this node are added to a Set that avoids duplications per file. This means that if you have two nodes with the same imports, it will be translated in the generated code to a single result.

{% hint style="warning" %}
Try not to overuse this node. The code you enter here will not have any connection with the rest of the nodes and therefore it will be more difficult to maintain your project in the future.
{% endhint %}

**Inputs**

<table><thead><tr><th>Input name</th><th width="150" data-type="checkbox">Canvas Required</th><th width="150">Type</th><th>Description</th></tr></thead><tbody><tr><td>connector</td><td>true</td><td>Flow</td><td>Allows to continue the flow in this node</td></tr><tr><td>customCode</td><td>false</td><td>String</td><td>Custom code to add</td></tr><tr><td>imports</td><td>false</td><td>String</td><td>Imports needed for this code to work correctly</td></tr></tbody></table>

**Outputs**

{% hint style="info" %}
No outputs for this node
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://waoo-app-builder.gitbook.io/waoo-app-builder/nodes/utilities/custom-ui-code.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.