12 най -добри рамки за потребителски интерфейс на Vue за мобилни устройства

Блог

12 най -добри рамки за потребителски интерфейс на Vue за мобилни устройства

1. Лук от мента

Мобилни елементи на потребителския интерфейс за Vue.js
Елементи на мобилен потребителски интерфейс за Vue 2.0

заклинание за сваляне на обвиненията

Mint потребителски интерфейс

Преглед на демонстрацията

Mint UI на GitHub

2. Рамка 7 Vue

Оттеглено! Изградете пълнофункционални приложения за iOS и Android, използвайки Framework7 & Vue

Framework7 Vue

Преглед на демонстрацията

Framework7 Vue на GitHub

3.Vux

Компоненти за мобилен потребителски интерфейс, базирани на Vue & WeUI

Vux

Преглед на демонстрацията

Vux на GitHub

4. Уекс

Рамка за изграждане на мобилен кросплатформен потребителски интерфейс

Weex

Преглед на демонстрацията

Weex на GitHub

5. Потребителски интерфейс Keen

Keen UI е библиотека с потребителски интерфейс на Vue.js с прост API, вдъхновен от материалния дизайн на Google.

Ключов потребителски интерфейс

конвертирайте json в xml python

Преглед на демонстрацията

Запален потребителски интерфейс на GitHub

6. Потребителски интерфейс на Onsen

Потребителски интерфейс на Onsen
Рамка за разработка на мобилни приложения и SDK, използващи HTML5 и JavaScript. Създавайте красиви и ефективни мобилни приложения на различни платформи. Въз основа на уеб компоненти и осигурява свързвания за Angular 1, 2, React и Vue.js.

Onsen UI е рамка с отворен код, която улеснява създаването на естествени прогресивни уеб приложения (PWA) и хибридни приложения.

tic tac toe java игра

Основната библиотека е написана на чист Javascript (отгоре на уеб компонентите) и е агностична за рамката, което означава, че можете да я използвате с любимата си рамка и нейните инструменти. Ние предлагаме някои допълнителни свързващи пакети, за да улесним използването на интерфейса на Onsen UI с много популярни рамки:

Преглед на демонстрацията

Onsen UI на GitHub

7. Потвърдете

Рамка за материални компоненти за Vue

Vuetify е компонентна рамка за материален дизайн за рамката Vue. Вярваме, че не трябва да имате нужда от дизайнерски умения, за да създавате красиви Vue приложения. Vuetify премахва болката от развитието, като предоставя всичко необходимо:

  • Над 80 красиви ръчно изработени материални компонента
  • Мощни и уникални директиви за персонализиране на потребителското изживяване
  • Достъпност на WCAG (a11y) и Раздел 508 съвместим
  • Пълна RTL поддръжка
  • Поддръжка за IE11 / Safari 9 с полифил
  • Лесно персонализирано с променливи SASS и vue-cli-plugin-vuetify
  • Построен със спецификация на материалния дизайн 2
  • Проектиран за мобилни устройства към настолни компютри

Vuetify

Преглед на демонстрацията

Vuetify на GitHub

8. Рамка на Quasar

Quasar Framework - Изградете високопроизводителни потребителски интерфейси на VueJS за рекордно кратко време
Изградете отзивчиви приложения за една страница, SSR приложения, PWA, хибридни мобилни приложения и електронни приложения, всички използващи една и съща кодова база!, Захранвани с Vue.

Quasar Framework

Демонстрация: https://quasar.dev/

Quasar на GitHub

9. Bootstrap Vue

BootstrapVue, с над 40 плъгина, повече от 80 персонализирани компонента и над 300 икони, предоставя една от най -изчерпателните реализации на Bootstrap v4 компоненти и грид система за Vue.js. С обширно и автоматизирано маркиране за достъпност WAI-ARIA.
https://bootstrap-vue.js.org

Bootstrap Vue

c програмна пауза на системата

Bootstrap Vue на GitHub

10. Blu-View

UI Component Library Base на Vue.js (2.x) и Bulma
Гъвкава и мощна библиотека с компоненти на потребителския интерфейс за разработване на бързо и мощно уеб приложение

View-Blu

Vue-Blu на GitHub

11. iView

Висококачествен UI Toolkit, създаден на Vue.js.
iView
Характеристика

  • Десетки полезни и красиви компоненти.
  • Приятелски API. Той е създаден за хора с всякакво ниво на умения.
  • Обширна документация и демонстрации.
  • Това е доста красиво.
  • Поддържа както Vue.js 2, така и Vue.js 1.

Преглед на демонстрацията

няма такъв модул firebase

iView на GitHub

12. Bufyfy

Buefy е лека библиотека с отзивчиви компоненти на потребителския интерфейс за Vue.js, базирана на рамката и дизайна на Bulma.

Buefy

Характеристика

  • Запазете лесно текущата си тема / променливи Bulma
  • Поддържа както икони за материален дизайн, така и FontAwesome
  • Много лек, без вътрешни зависимости освен Vue & Bulma
  • Около 60KB min+gzip (с включен Bulma)
  • Изход на семантичен код
  • Следва дизайна на Bulma и някои от UX на Material Design
  • Фокусирайте се върху използваемостта и производителността, без да прекалявате с анимацията

Преглед на демонстрацията: https://buefy.org/

Buefy на GitHub

#vuejs #javascript #vue-js