Skip to content

Vue components that work with uibuilder easily

Jump to bottom Edit New page
Julian Knight edited this page Jul 5, 2022 · 26 revisions

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.

Please feel free to add comments to the page (clearly mark with your initials & please add a commit msg so we know what has changed). You can contact me in the Discourse forum, or raise an issue here in GitHub! I will make sure all comments & suggestions are represented here.

Clone this wiki locally