# How to create user interface for taking input in node-red

**URL:** <https://discourse.nodered.org/t/how-to-create-user-interface-for-taking-input-in-node-red/30476>\
**Category:** General\
**Created:** [21 July 2020 13:27 UTC](https://discourse.nodered.org/t/how-to-create-user-interface-for-taking-input-in-node-red/30476 "2020-07-21T13:27:45Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![akhtar321h](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@akhtar321h](https://discourse.nodered.org/u/akhtar321h)\
**Post date:** [21 July 2020 13:27 UTC](https://discourse.nodered.org/t/how-to-create-user-interface-for-taking-input-in-node-red/30476/1 "2020-07-21T13:27:45Z")

</div>

Hello Everyone,

I want to create one user interface from where I can pass some input in node-red.  
Inputs: for example String, numbers, etc...  
And i want to read that inputs in node-red.  
Please help me out.

Thank you

---

<div class="post-metadata">

**Author:** ![JGKK](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jgkk/32/18515_2.png) [@JGKK](https://discourse.nodered.org/u/JGKK)\
**Post date:** [21 July 2020 14:12 UTC](https://discourse.nodered.org/t/how-to-create-user-interface-for-taking-input-in-node-red/30476/2 "2020-07-21T14:12:46Z")

</div>

Have you looked at the [node-red dashboard](https://flows.nodered.org/node/node-red-dashboard) or as an more advanced variant [node-red-contrib-uibuilder](https://flows.nodered.org/node/node-red-contrib-uibuilder). Both will offer you ways to build an ui with inputs that can be used in node-red flows. Dashboard will be less flexible but very easy to start with and uibuilder will give you maximum flexibility to build any ui you want but will require more knowledge on your side on how a website works.  
Hope this helps, Johannes

---

<div class="post-metadata">

**Author:** ![shrickus](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/shrickus/32/517_2.png) [@shrickus](https://discourse.nodered.org/u/shrickus)\
**Post date:** [21 July 2020 14:47 UTC](https://discourse.nodered.org/t/how-to-create-user-interface-for-taking-input-in-node-red/30476/3 "2020-07-21T14:47:11Z")

</div>

Both of those are fine tools for building UI apps -- but if you are just looking for a simple form input web page, it will be easier to create two flows: one that starts with an `http in` GET node (returning the html page with form inputs to be displayed), and another flow that starts with an `http in` POST node (to process and/or display the posted input fields).

@akhtar321h - Sorry I don't have an example right now, but it's easy to create one. Give it a go, and if you get stuck then I can show you what I mean later this evening...

---

<div class="post-metadata">

**Author:** ![akhtar321h](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@akhtar321h](https://discourse.nodered.org/u/akhtar321h)\
**Post date:** [22 July 2020 13:39 UTC](https://discourse.nodered.org/t/how-to-create-user-interface-for-taking-input-in-node-red/30476/4 "2020-07-22T13:39:09Z")

</div>

Please give me any example flow.

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [22 July 2020 16:05 UTC](https://discourse.nodered.org/t/how-to-create-user-interface-for-taking-input-in-node-red/30476/5 "2020-07-22T16:05:56Z")

</div>

Here is a [link to a tic-tac-toe game](https://discourse.nodered.org/t/tic-tac-toe-game/23831) you can take a look at.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [20 September 2020 16:05 UTC](https://discourse.nodered.org/t/how-to-create-user-interface-for-taking-input-in-node-red/30476/6 "2020-09-20T16:05:56Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.