Каталог UI библиотек для Vue
Пример того, как придумать и сделать полезный пет-проект, который прорекламирует сам Эван.
https://ui-libs.vercel.app/
#ui #tip
Пример того, как придумать и сделать полезный пет-проект, который прорекламирует сам Эван.
https://ui-libs.vercel.app/
#ui #tip
UI Lib Picker
🎨 Pick the Right UI Library for your Vue 3 or Nuxt 3/4 Project
👍4
Обновился vue-webapp builder
Добавлены несколько хедеров, футеров и навбар в стиле Mantine UI
Документация проекта
#vwa #ui
Добавлены несколько хедеров, футеров и навбар в стиле Mantine UI
Документация проекта
#vwa #ui
Уже несколько дней некоторые компоненты на официальной документации Vuetify в примерах поломаны
Выглядит уныло
#ui #vuetify
Выглядит уныло
#ui #vuetify
😢1
Довольно приятная для глаз малоизвестная библиотека UI компонент - Equal UI
Использует
#ui #lib
Использует
Tailwind#ui #lib
equal-ui.github.io
Equal UI
Equal UI – open-source Vue 3 components system for your next project
👍2
Создатели UI библиотеки
Отличительные особенности - headless, a11y
Основана на другой их UI библиотеке - zag.js, которая работает на технике конечных автоматов состояния
Разрабатывает команда из Нигерии
#ui #lib #headless #arkui
chakra-ui для React создали еще одну приятно смотрящуюся библиотеку для различных фреймворков, в том числе и Vue - ArkОтличительные особенности - headless, a11y
Основана на другой их UI библиотеке - zag.js, которая работает на технике конечных автоматов состояния
Разрабатывает команда из Нигерии
#ui #lib #headless #arkui
Ark-Ui
Home | Ark UI
A headless UI library with over 45+ components designed to build reusable, scalable Design Systems that works for a wide range of JS frameworks.
❤5👍1
Еще одна малоизвестная
Для
Features
📦 Out-of-box high quality 78 Vue 3 components
📐 Intuitive, minimalistic Api design
🔧 Configurable default value of props, quickly complete global/local modifications
⚡️ Composition Api, good performance base
🔨 With TypeScript, fully types
💪 1100+ unit tests to provide good stability
🎨 Support CSS variable, built-in dark theme
🚩 Support i18n
🛫 Provide resolver, support unplugin
🚤 Support SSR
🩹 Good a11n
👀 Close to business code arrangement, low threshold for source code reading
The design tokens are base on Open Color, and have some adjustments.
————
А какие еще чисто
Чтобы не переписка с какого-нибудь
Это ведь имеет огромное значение и для размера бандла, и для производительности, и для
#lib #ui
UI библиотека от китайцев - Vexip UI Для
Vue 3, с мягкой приятной графикой и интересным наборов компонентов. Есть, например, Wheel и TourFeatures
📦 Out-of-box high quality 78 Vue 3 components
📐 Intuitive, minimalistic Api design
🔧 Configurable default value of props, quickly complete global/local modifications
⚡️ Composition Api, good performance base
🔨 With TypeScript, fully types
💪 1100+ unit tests to provide good stability
🎨 Support CSS variable, built-in dark theme
🚩 Support i18n
🛫 Provide resolver, support unplugin
🚤 Support SSR
🩹 Good a11n
👀 Close to business code arrangement, low threshold for source code reading
The design tokens are base on Open Color, and have some adjustments.
————
А какие еще чисто
Vue 3 UI библиотеки существуют?Чтобы не переписка с какого-нибудь
Реакта или Vue 2.Это ведь имеет огромное значение и для размера бандла, и для производительности, и для
DX.#lib #ui
Vexip UI
Vexip UI - Make interesting in development
A Vue 3 UI library, highly customizability, full TypeScript, performance pretty good.
👍3
Если кто хочет помочь закончить портировать реактовские
Чем плох известный порт
#ui #lib
Radix UI Primitives на Vue 3 - вам сюда. Большая часть компонентов уже сделана.Чем плох известный порт
Radix-Vue автор проекта рассказал здесь#ui #lib
GitHub
GitHub - perigee-ui/vue-primitives: Vue Radix UI Primitives 1:1 . Components, icons, colors, and templates for building high-quality…
Vue Radix UI Primitives 1:1 . Components, icons, colors, and templates for building high-quality, accessible UI. Free and open-source. - perigee-ui/vue-primitives
Нашлась еще одна
Легковесная, material design 2/3, 5К звезд, много фич
Кто-то пробовал?
#ui #lib
Vue 3 - нативная UI библиотека от китайцев - VarletЛегковесная, material design 2/3, 5К звезд, много фич
Кто-то пробовал?
#ui #lib
varletjs.org
Varlet UI - Vue3 Material Design Component Library
Varlet UI is a Material design component library developed based on Vue3, supporting mobile and desktop, developed and maintained by varletjs organization. Support Typescript, import on demand, dark mode, theme customization, internationalization, and provide…
🔥4
Иногда при создании своих
Например, минималистичный BeerCSS
#css #lib #ui
UI компонент не обязательно использовать громоздкие Vue библиотеки, достаточно стилизации CSS фреймворка. Например, минималистичный BeerCSS
CSS фреймворки подходят как минимум для прототипирования и вдохновения. Также их можно использовать с unstyled компонентами, типа Radix Vue#css #lib #ui
Beercss
Beer CSS - Build material design interfaces in record time, without stress for devs 🍺💛.
The first CSS framework based on Material Design 3. Latest M3 Expressive already. 10x smaller than others CSS frameworks based on Material Design. Translates Material Design to HTML semantic standard. Ready to use with any JS framework. Highly focused on…
👍4
Мы уже писали об 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