Мы уже писали об Ark UI библиотеке
На днях видный член
Выглядит очень хорошей альтернативой
Попробовал на своем проекте. Сперва заменил FilePond на
Ну и правильный
#ui #lib #headless #arkui
На днях видный член
vuejs core team и VitePress maintainer Divyansh Singh назвал их лучшей альтернативой React Aria во Vue экосистемеUnstyled, хорошая поддержка A11y. Vue версия еще неполная. Документация скудная, не для вкатунов. Нужно думать. Основана библиотека на zag.js, документацию можно смотреть там.Выглядит очень хорошей альтернативой
radix/reka/shadcn|vue, только без встроенных tailwind-ов, vueuse-ов, unjs-ов, tanstack-ов и других скрытых зависимостей и обмана типа "copy-paste и всё".Попробовал на своем проекте. Сперва заменил FilePond на
FileUpload - (-100Kb; +30Kb). Стало значительно красивей и намного кастомизируемей (стили генерил AI). Затем добавил Tabs (+20Кб). Затем - Combobox с тэгами и выпадающим меню, которое во многих UI библиотеках тащит 200-400Кб из-за позиционирования - (+70Кб). В общем, вполне экономично и удобно для создания своего небольшого UI kit с требованиями к A11y.Ну и правильный
DatePicker можно собрать.#ui #lib #headless #arkui
🔥11👎1
Уже писали год назад об этом каталоге
https://ui-libs.vercel.app/
С тех пор там немного прибавилось библиотек и функционала
#ui #lib
UI библиотекhttps://ui-libs.vercel.app/
С тех пор там немного прибавилось библиотек и функционала
#ui #lib
UI Lib Picker
🎨 Pick the Right UI Library for your Vue 3 or Nuxt 3/4 Project
🔥5
Еще одна
proxima-vue
В альфа версии, но кода много
#ui #lib
UI библиотека на Vue 3 от нашего соотечественника для ознакомленияproxima-vue
В альфа версии, но кода много
#ui #lib
proxima.wiki
UI Component Library for Vue 3 and Nuxt
👍9
Получил очень интересный и полезный опыт:
1. Выделив
2. Добавив дизайн систему на
3. Выделив в отдельный репозиторий, который ставится как
4. Создав документацию
5. Добавив темизацию и кастомизацию компонентов
6. Переиспользовав его в других проектах
На
Alt-UI
#arkui #altui #ui
1. Выделив
UI часть проекта Lissa Health в отдельный модуль (привет, #fsd)2. Добавив дизайн систему на
CSS свойствах и оформив всё как UI kit3. Выделив в отдельный репозиторий, который ставится как
Git submodule и подключается через npm локально (для быстрых правок)4. Создав документацию
5. Добавив темизацию и кастомизацию компонентов
6. Переиспользовав его в других проектах
На
npmjs.org не публиковал, на универсальность, полноту (не собираюсь выпускать ее как общую библиотеку) и актуальность документации не претендую, но можно просто посмотреть как работать с Ark-UI.Alt-UI
#arkui #altui #ui
GitHub
GitHub - vuesence/alt-ui: Alt-UI Vue library (based on Ark-UI)
Alt-UI Vue library (based on Ark-UI). Contribute to vuesence/alt-ui development by creating an account on GitHub.
👍7