01
Headless-ядро
Чистая машина состояний с событиями. Рисуйте чем угодно — или ничем, и тестируйте в Node.
01 — собери окно
Ваша разметка, наш движок
Полноценный редактор: слева разметка, CSS и размещение, справа — живое окно. Тяните его, перекрашивайте, копируйте код или отправьте на рабочий стол выше.
02 — возможности
Всё, что есть у рабочего стола
Ядро хранит состояние, DOM-слой двигает пиксели, ваш фреймворк рисует содержимое. Любую часть можно заменить.
02
Прилипание и магнетизм
Половины, четверти, трети и разворот при броске к краю, плюс магнетизм 8px к соседям.
03
Отмена и повтор
Каждое взаимодействие это одна запись истории. Перетаскивание — одна отмена, а не шестьдесят.
04
Рабочие столы
Раскладывайте окна по виртуальным столам. Фокус переносит вас на нужный стол.
05
Сохранение
Сериализация в JSON, восстановление обратно или плагин persist с версионированными миграциями.
06
Доступность
Роли, метки, ловушка фокуса для модалок, управление с клавиатуры и live-регион, который озвучивает стол.
07
Готово к тачу
Pointer events везде, увеличенные зоны захвата на грубом указателе, контекстное меню по долгому нажатию.
08
Темы
В комплекте шестнадцать CSS-тем — каждое значение это custom property, а вариант окна переопределяет их для одного окна.
03 — адаптеры
Одно ядро, шесть способов взять его в руки
Содержимое окна всегда живёт в вашем дереве компонентов — никакого innerHTML и порталов в пустоту. Адаптеры это тонкий сахар над одной и той же машиной состояний.
vanillaattachDesktop + attachWindow
reactuseWindowManager, useDesktop
vueuseDesktop с template ref
svelteэкшены use:desktop
solidсигналы и ref-колбэки
angularсигналы и DestroyRef
04 — рынок
Честное сравнение
Ниша плавающих окон затихла много лет назад. Ровно поэтому wmkit и существует.
| Честное сравнение | wmkit | react-rnd | dockview | winbox.js |
|---|---|---|---|---|
| Не зависит от фреймворка | да | только react | ядро + React·Vue·Angular | да |
| Headless-ядро | да | нет | нет | нет |
| Зоны прилипания | половины, четверти, трети | нет | док-сетка | нет |
| Отмена и повтор | встроено | нет | нет | нет |
| Рабочие столы | встроено | нет | нет | нет |
| Вкладочные группы | бросок для группировки | нет | ключевая фича | нет |
| Сериализация и восстановление | ядро + плагин | своими руками | да | нет |
| Управление с клавиатуры | движение, размер, прилипание, обход | нет | частично | нет |
| Live-регион для скринридера | да | нет | нет | нет |
| Кто владеет содержимым | ваше дерево | ваше дерево | ваше дерево | innerHTML |
| Размер (brotli) | ~18 кБ | ~15 кБ | ~60 кБ | ~10 кБ |
Проверено 26 июля 2026: последние коммиты, загрузки npm, открытые запросы фич.
Дайте приложению окна
pnpm add @surdeddd/wmkit