Startup UI

Что такое Startup UI ​

Это библиотека UI-компонентов для JavaScript-фреймворка Vue3, заточенная под типовые задачи IT-стартапов. Нативно интегрируется с эффективным для IT-стартапов стеком Laravel + InertiaJS.

Разработан и активно используется в Стартап-Бюро «Сухарь и партнеры» в первую очередь для собственных стартапов, и предлагается для использования и создания своих стартапов всем веб-энтузиастам под лицензией MIT.

Чтобы более подробно изучить Startup UI, рекомендуем скачать example-app и локально запустить его по инструкции

Зачем мы сделали ещё одну библиотеку компонентов ​

Все началось с того, что мы разработали три IT-стартапа с использованием Element Plus, а потом переписали один из них под PrimeVue. В целом обе библиотеки отличные, но мы постоянно сталкивались с рядом сложностей:

  1. Китайская Element Plus заточена под привычные в китайском сегменте пользовательские интерфейсы, американская PrimeVue — под американские. Ни там, ни там нет, например, подсказок под полями ввода в формах, или кликабельного лейбла у свитчера, которые привычны в русскоязычных интерфейсах. Из-за этого разные программисты реализовывают такие интерфейсы разным кодом, они выглядят по-разному и их проблемно переиспользовать между разными проектами.
  2. В классических Vue3-библиотеках не хватает более глубокой интеграции со стеком Laravel + InertiaJS: чтобы формы сразу выводили ошибки валидации, пришедшие из FormRequest-ов; чтобы фильтры и постраничная навигация бесшовно работали в связке с SPA-роутером InertiaJS.
  3. В обоих библиотеках поддержка иконок реализована на уровне собственной небольшой библиотеки иконок. Не хватает нативной поддержки Font Awesome — самой большой библиотеки бесплатных иконок, которую очень удобно использовать для быстрого создания интерфейсов в IT-стартапах.
  4. Локализация на русский язык идет по совсем остаточному принципу, и периодически это выглядит как машинный перевод.
  5. ... и многие другие моменты. В документации компонентов почти для каждого компонента мы описываем блок «В чем отличие от аналогов?», в котором можно прочитать про это более детально.

Недостающий функционал мы стали реализовывать собственными новыми SFC-компонентами, а также обертками вокруг компонентов популярных библиотек.

Со временем получилась вот такая библиотека, которой мы хотим поделиться с вами, чтобы вы быстрее и эффективнее могли создать свой IT-стартап, и как можно больше выдающихся IT-продуктов (в том числе глобальных) создавалось нашими соотечественниками!

Как и зачем можно использовать Startup UI ​

Библиотека распространяется под лицензией MIT — используйте, как хотите.

Но эффективнее всего будет использовать эту библиотеку в веб-интерфейсе IT-стартапа (особенно хорошо для B2B SaaS), чтобы ускорить первоначальную реализацию, упростить взаимозаменяемость между страницами стартапа, дальнейшую поддержку, и внедрение нового функционала.

С использованием стека Laravel + InertiaJS + Vue3 + Startup UI один веб-программист может создавать стартапы с нуля до полноценного работоспособного MVP за 3 недели. (Мы в Стартап-Бюро так и делаем.)