# Uibuilder: Component Design + Example Components

**URL:** <https://discourse.nodered.org/t/uibuilder-component-design-example-components/32293>\
**Category:** Developing Nodes\
**Tags:** uibuilder\
**Created:** [1 September 2020 10:12 UTC](https://discourse.nodered.org/t/uibuilder-component-design-example-components/32293 "2020-09-01T10:12:56Z")\
**Posts on this page:** 1\
**Showing post:** 17

<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:** [23 September 2020 21:23 UTC](https://discourse.nodered.org/t/uibuilder-component-design-example-components/32293/17 "2020-09-23T21:23:18Z")

</div>

Check out the further example of these principles in another thread:

> [@\[uibuilder\] Easy toast notifications](https://discourse.nodered.org/t/uibuilder-easy-toast-notifications/33252):
>
> One of the issues that some people find when switching to uibuilder from Dashboard is that they are faced with writing more HTML/CSS/JavaScript front-end code than they may be used to (or comfortable with). I chose VueJS and bootstrap-vue as the default templates from v2 because I believe that they offer the most capability with the simplest learning curve and minimum "boilerplate" code. Even so, many things could be simpler still and I've been thinking about and [writing about](https://discourse.nodered.org/t/uibuilder-component-design-example-components/32293) this for some wh…

That shows how simple it is to have a zero-code user notification feature in uibuilder.

---

_[View the full topic](https://discourse.nodered.org/t/uibuilder-component-design-example-components/32293)._