Услуга

UI-компоненты на Vue — доступные, быстрые, без велосипедов

Делаю сложные компоненты, которых нет в готовых библиотеках: виртуализация, формы из схемы, command-палитра. Работают с клавиатуры, не замедляют приложение, не требуют доработок постфактум.

Обсудить компоненты Что входит

Кому подходит

Когда библиотек
не хватает.

Подходит

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

Не подходит

Нужен базовый компонент — Vuetify или Headless UI справятся
Стек не Vue 3
Нет дизайн-референсов и требований — начните с аудита интерфейса

01 — Когда подходит

Готовые библиотеки не подошли?

Виртуализация, формы из схемы, уведомления, command-палитра — это мой публичный опенсорс. Можно прочитать код до того, как нанять.

Нужен сложный компонент, которого нет в Vuetify, Ant или Headless UI.

В каждом разделе свои кнопки и свои цвета — пора навести порядок.

Компоненты тормозят или недоступны с клавиатуры — и доработать дороже, чем переписать.

Команда завязла на UI-части — нужно усиление на сложном фрагменте.

02 — Что входит

От компонента
до дизайн-системы.

Делаю отдельные сложные компоненты или собираю целую систему — доступную, типизированную и быструю.

Сложные компоненты

Виртуализация списков, формы из схемы, command-палитра, уведомления — то, чего нет в коробке.

virtualformsa11y

Дизайн-система

Единый набор токенов и компонентов вместо разрозненных решений в каждом разделе.

tokensDSStorybook

Доступность

Клавиатура, скринридеры, контраст — ориентир WCAG 2.1 AA по умолчанию.

WCAGkeyboardARIA

Производительность

Лёгкие, быстрые компоненты без лишних зависимостей и перерисовок.

perfbundle

03 — Что вы получите

Компоненты, которые
экономят время.

Переиспользуемая база, которая ускоряет разработку и делает интерфейс единым.

01
Единый интерфейс
Один набор компонентов — одинаковое поведение и вид во всех разделах.
02
Доступность из коробки
Работают с клавиатуры и скринридеров — без доработок постфактум.
03
Быстрее разработка
Команда собирает экраны из готовых блоков, а не изобретает каждый раз заново.
04
Документация и примеры
Storybook или аналог: как использовать компонент видно сразу.

04 — Как проходит работа

Обсудили, сделали, сдали.
Итерациями.

Обсуждаем

Бесплатно разбираю задачу и контекст. Если не моё — честно скажу.

~ 1 ч.

Оцениваю

Сроки, объём, риски и стоимость — до начала работы.

1–2 дн.

Работаю итерациями

Регулярные демо и понятный прогресс на каждом шаге.

от 1 недели

Сдаю с кодом

Передаю код и документацию. Проект остаётся вашим.

~ 1 ч.

05 — Почему я

Опенсорс —
прямое доказательство.

✓
Пакеты ровно на эту тему. Виртуализация, формы из схемы, уведомления, command-палитра — опубликованы в npm.
✓
Доступность не на словах. a11y — часть работы по умолчанию, а не опция за отдельные деньги.
✓
Дизайн-фундамент. Понимаю и инженерную, и визуальную сторону компонента одновременно.
✓
Чистый типизированный код. Компоненты, которые приятно переиспользовать и расширять.