# Using uibuilder with a Vue UI designer?

**URL:** <https://discourse.nodered.org/t/using-uibuilder-with-a-vue-ui-designer/34070>\
**Category:** General\
**Created:** [10 October 2020 17:24 UTC](https://discourse.nodered.org/t/using-uibuilder-with-a-vue-ui-designer/34070 "2020-10-10T17:24:53Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![thattimfisher](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/thattimfisher/32/30044_2.png) [@thattimfisher](https://discourse.nodered.org/u/thattimfisher)\
**Post date:** [10 October 2020 17:24 UTC](https://discourse.nodered.org/t/using-uibuilder-with-a-vue-ui-designer/34070/1 "2020-10-10T17:24:53Z")

</div>

First off: REALLY nice job with this! It's exactly what I need to build a front-end UI for room-by-room tablets in my new home that will serve as controls for lights/fans/blinds/temp/music/etc. I'm new to VueJS but have a lot of JS experience so I think I'll get the hang of it quickly.

A few questions, however!

What versions of the default front-end libraries (vue, bootstrap, bootstrap-vue) are pulled in on install of of the palette?

As I'm learning more about VueJS, I see that there are some "builders" out there that make the job even easier (CSS is NOT my strong suit!) and wondering if you had thoughts on any of those.

Can't wait to share what I build!!

---

<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 October 2020 20:31 UTC](https://discourse.nodered.org/t/using-uibuilder-with-a-vue-ui-designer/34070/2 "2020-10-10T20:31:46Z")

</div>

> [@thattimfisher](#):
>
> What versions of the default front-end libraries (vue, bootstrap, bootstrap-vue) are pulled in on install of of the palette?

Hi, the package.json file in the module will tell you.

> <https://github.com/TotallyInformation/node-red-contrib-uibuilder/blob/main/package.json>

```auto
    "bootstrap-vue": "^2.15.0",
    "vue": "^2.6.11"

```

But you can use anything of course, you don't have to use the default. You can install any version such as VueJS v3 but the default template files might not work without some adjustment.

> [@thattimfisher](#):
>
> As I'm learning more about VueJS, I see that there are some "builders" out there that make the job even easier (CSS is NOT my strong suit!) and wondering if you had thoughts on any of those.

Please do add some links. As long as the output from the builder is HTML, CSS and JavaScript, it should be possible to use it with uibuilder. But lets have a look at them and see what we can find.

I will move this to its own thread though rather than continuing this old thread.

---

<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:** [9 December 2020 20:33 UTC](https://discourse.nodered.org/t/using-uibuilder-with-a-vue-ui-designer/34070/3 "2020-12-09T20:33:05Z")

</div>

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