# Can you use Vue cli to make front end in with the UIbuilder node?

**URL:** <https://discourse.nodered.org/t/can-you-use-vue-cli-to-make-front-end-in-with-the-uibuilder-node/24889>\
**Category:** General\
**Created:** [15 April 2020 16:50 UTC](https://discourse.nodered.org/t/can-you-use-vue-cli-to-make-front-end-in-with-the-uibuilder-node/24889 "2020-04-15T16:50:09Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![cflurin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/cflurin/32/29_2.png) [@cflurin](https://discourse.nodered.org/u/cflurin)\
**Post date:** [17 April 2020 16:29 UTC](https://discourse.nodered.org/t/can-you-use-vue-cli-to-make-front-end-in-with-the-uibuilder-node/24889/4 "2020-04-17T16:29:32Z")

</div>

Here is an example:

> [@Front-end based on uibuilder: 1. component acc-switch.vue](https://discourse.nodered.org/t/front-end-based-on-uibuilder-1-component-acc-switch-vue/14962):
>
> [acc-switch] Flow: [{"id":"31554538.d666ba","type":"uibuilder","z":"96248ad2.2c3df8","name":"","topic":"","url":"uiswitch","fwdInMessages":false,"allowScripts":false,"allowStyles":false,"copyIndex":true,"showfolder":false,"x":380,"y":200,"wires":[["151b60e8.47977f","3bf74e79.a02822"],["54f1123c.e47ecc"]]},{"id":"4b99c284.31f20c","type":"inject","z":"96248ad2.2c3df8","name":"true","topic":"","payload":"{\"name\":\"at\_home\",\"service\_name\":\"at\_home\",\"characteristic\":\"On\",\"value\":true}"…

---

_[View the full topic](https://discourse.nodered.org/t/can-you-use-vue-cli-to-make-front-end-in-with-the-uibuilder-node/24889)._