Vue components that work with uibuilder easily

While you can use any VueJS component with uibuilder, not all Vue components are built to the best standards. There is often an assumption that you will be using a build step and/or a stand-alone Vue app rather than the amazing data-driven Node-RED/uibuilder approach. 😁

The components listed on this page have been proven to work with Node-RED and uibuilder by various contributors and links to original forum threads or other locations are provided when feasible. These are in no particular order, I'll probably try to create some structure when there are enough entries to make it worth-while.

PLEASE feel free to contribute to this page directly. The only rules are to follow the same layout and only add information relevant to the use of VueJS with Node-RED and uibuilder.

• bootstrap-vue - an early inclusion with uibuilder itself because it works without any build-step needed and provides a great baseline for visuals and a large number of useful components. Only works with Vue v2 (as at July 2022).
• Quasar - comprehensive Vue v3 framework that follows Google Material Design. The UMD variant works without a build-step.
• vue-cal - calendar component. Works with build step or script link. Thread.
• vue-canvas-knob - gauge/knob.
• Embedded video player - not really a Vue component but it works anyway.
• Primevue - a UI framework for Vue. The IIFE (script tag) version of the libraries work without a build step. Seems to delight in making you separately load all of the components and CSS files. Thread
• vgauge - a Vue wrapper around GaugeJS. Can be used without a build step by including via script tag. [Thread(https://discourse.nodered.org/t/uibuilder-include-component/57884/10).