Какой UI фреймворк выбрать для Vuejs?

Question

[Evgeny Kulakov]

Всем привет!

Планирую использовать vuejs для нового проекта, приложение будет запускаться на десктоп платформах.
Встал вопрос о выборе библиотеки с UI компонентами.
Гугл нашел вот такую табличку с существующими фреймворками: https://docs.google.com/spreadsheets/d/13WhGNOu9S2...
Посмотрел их документацию, примеры..
Вроде все есть, но в тоже время требуется кастомизация существующих элементов. И эта кастомизация отнимает сильно много времени - сначала пытаемся найти можно ли это сделать средствами фреймворка, потом ругаемся если не нашли, в итоге пишем сами, пытаясь сделать винегрет из элементов фреймворка и своих элементов, в итоге непонятно нужен ли этот фреймворк вообще. Но в то же время, писать стандартные элементы с нуля как-то сильно утомительно и черевато в дальнейшей поддержке.

Собственно вопрос: используете ли вы какую-либо библиотеку компонентов при разработке или пишите с нуля? Или применяете какой-то css фреймворк? Вообще какой принципиальный подход д.б.?

Спасибо!

Comments

[Lee Masagos]

Uikit3 очень быстро жениться с vue, наглядный пример - PageKit

[Evgeny Kulakov]

Спасибо! Попользовал немного, в принципе не плохой вариант получается.
В итоге для моего случая останавливаюсь пока на: нем и на элементе. Исследую их поглубже.

[Evgeny Kulakov]

Еще добавлю, про uikit. Пытаюсь его сейчас использовать, но пришлось полностью отказаться от его js части, т.к. тяжело управлять состоянием модальных окон и всплывающих меню из vue. Также анимация uikit не совместима с анимацией vue. В итоге использую только его стили для элементов, все управление элементами через vue.

[Жаба Кодер]

Evgeny Kulakov, как в итоге приложение получилось, на каких фрейворках ?

[Evgeny Kulakov]

Жаба Кодер, это было слишком давно) Там где важна функциональность и не требуется кастомный ui - vuetify или quasar решают 99% задач.

Answer 1

[Руслан Тимурзиев]

https://vuetifyjs.com/

Comments

[Дмитрий Кузнецов]

На мой взгляд, как очень неопытного в Vuejs (в том числе JS), очень сложно разобраться с этим.

Answer 2

[hopeful_romantic]

propeller.in
element.eleme.io

Answer 3

[Павел Малышев]

quasar-framework.org

Answer 4

[xmoonlight]

Vue+Semantic

Comments

[account-5]

Ужас. Ваши комменты как обычно надо стороной обходить.

Answer 5

[Alex]

Держу на заметке вот эту штуку https://josephuspaye.github.io/Keen-UI/
Сам не пользовал, но выглядит достойно.

Comments

[Evgeny Kulakov]

Да, смотрел на него. У меня приложение планируется использовать на десктопах, и мое имхо, что material design не очень рационально использует пространство браузера. Но, возможно, я не умею его готовить)

Answer 6

[Evgeny Kulakov]

Добавлю еще одну: https://buefy.github.io/
И еще одну: https://at-ui.github.io/

Comments

[Капитан Какао]

и обе не рабочие)

Answer 7

[kouznedm]

https://docs.google.com/spreadsheets/d/13WhGNOu9S2...

Comments

[Вячеслав Шиндин]

Вот только эта ссылка приведена самим автором вопроса)))

[kouznedm]

Точно )

Вообще все по Вью добрые люди собирают здесь https://github.com/vuejs/awesome-vue

Answer 8

[Александр Маджугин]

Vue такая штука, что в большинстве случаев легче написать нужный компонент ui самому чем установить, подключить и настроить универсальный внешний.
Причём буквально. Провозился вчера с ошибкой vue-select (который до этого вполне себе работал в других проектах) полчаса, потом плюнул и за 20 минут написал свой селект.