search

wmde / LOSH-Frontend

1 stars 3 forks source link

Choose UI framework #19

Closed ckawohl-wmde closed 3 years ago

M01M01 commented 3 years ago

UI frameworks that support Vue.js 3:

Ant Design Vue https://antdv.com/docs/vue/introduce-cn/ https://github.com/vueComponent/ant-design-vue

BalmUI https://next-material.balmjs.com/ https://github.com/balmjs/balm-ui

Element + https://element-plus.org/#/en-US/component/installation https://github.com/element-plus/element-plus

Equal UI https://quatrochan.github.io/Equal/ https://github.com/quatrochan/Equal

Ionic https://ionicframework.com/docs/vue/overview https://github.com/ionic-team/ionic-framework

PrimeVue https://www.primefaces.org/primevue/showcase/ https://github.com/primefaces/primevue

Quasar https://quasar.dev/start/pick-quasar-flavour https://github.com/quasarframework/quasar

Qui Max https://qvant-lab.github.io/qui-max/?path=/story/intro--page https://github.com/Qvant-lab/qui-max

SuperBVue(uses bootstrap 5) https://superbvue.netlify.app/ https://github.com/superbvue/SuperBVue

Vuestic UI https://vuestic.dev/ https://github.com/epicmaxco/vuestic-ui

Wave UI https://antoniandre.github.io/wave-ui/ https://github.com/antoniandre/wave-ui

botoxparty commented 3 years ago

Unfortunately at this point in time Bootstrap is not an ideal candidate as there is no mature library that exists for Vue3/Bootstrap5 and we would have to import the full bootstrap lib and use the standard HTML/css/JS approach for implementation. It is preferred to use a Vue component based library.

We have filtered the options for UI kits down to the following candidates. Will go through these options with Jan to see what he feels would be most appropriate to execute his design.

Ant Design Vue https://antdv.com/docs/vue/introduce/ https://github.com/vueComponent/ant-design-vue

PrimeVue https://www.primefaces.org/primevue/showcase/ https://github.com/primefaces/primevue

Quasar https://quasar.dev/start/pick-quasar-flavour https://github.com/quasarframework/quasar

jdittrich commented 3 years ago

Ant and Prime seem to have the best table components. I wonder how theme-able the frameworks are – ant seems to offer basic theming via color variables and some more in the css/less/sass/whatever; PrimeVue offers a Sass API – both seem fine on the first glance.

jdittrich commented 3 years ago

We said we would possibly use vuepress or vitepress for generating the whole site, right? Are the component libs drop-in for this or do we need to check for vite/vuepress compatibility, too?

botoxparty commented 3 years ago

The component libs are drop-ins and will work with any type of Vue configuration.

botoxparty commented 3 years ago

Ant Design has been selected as the UI framework