Skip to content
Vue 3 · Nuxt · TypeScript

VueCraft NPM

Мануалы по всем npm-пакетам VueCraft — в одном месте: быстрый старт, полный API и примеры для каждого пакета.

17открытых пакетов
Vue 3 + Reactподдержка фреймворков
TypeScriptс полной типизацией
MITлицензия, свободно для любых целей
01 — Философия

Четыре принципа на каждый пакет

Ни один пакет не появляется случайно — у каждого чётко очерченная задача и API, которым приятно пользоваться.

Framework-agnostic ядро

Логика большинства пакетов не привязана к Vue — обёртки для Vue и React делят один и тот же движок, а не дублируют код.

TypeScript с первого дня

Полная типизация и вывод типов без лишних усилий — часть архитектуры, а не надстройка поверх готового JS.

Минимум зависимостей

Каждая внешняя зависимость — это риск и вес бандла. Берём только то, без чего действительно не обойтись.

MIT и открытый код

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

02 — Быстрый пример

Реальный код, не рекламный слоган

03 — Все пакеты

Все пакеты в одном месте

Фильтруйте по фреймворку или назначению, чтобы быстро найти то, что нужно.

Фреймворк
Назначение
Rest Pipeline JS
Rest Pipeline JSv2.1.1

Гибкий модульный оркестратор пайплайнов для REST API — повторные попытки с backoff, кэширование, ограничение частоты запросов, потоковые данные, система плагинов, интеграции с Vue/React.

Worker Kit
Worker Kitv0.2.1

Типобезопасные composables для Web Worker'ов во Vue 3 — useWorker(), пул воркеров и реактивный useWorkerComputed(), с типами, выводимыми прямо из файла воркера.

Storage Kit
Storage Kitv0.2.3

Реактивные localStorage, sessionStorage, IndexedDB и cookies для Vue 3 (и React) — TTL, шифрование, миграции схемы, undo/redo и синхронизация между вкладками.

State Machine
State Machinev0.1.6

Лёгкие реактивные конечные автоматы (FSM / statechart) для Vue 3 — декларативные состояния и переходы, параллельные регионы, guards и actions.

Error Boundary Kit
Error Boundary Kitv0.3.1

Готовые к продакшену границы ошибок для Vue 3 — декларативный компонент, composable для программного использования и слой отчётности на основе адаптеров.

Form Schema
Form Schemav0.2.4

Реактивные формы из декларативной схемы (JSON, Zod, Yup или Valibot) для Vue 3 — headless и SSR-совместимая альтернатива VeeValidate/FormKit.

i18n Kit
i18n Kitv0.4.7

Переиспользуемый плагин локализации для Vue 3, оборачивающий vue-i18n и предоставляющий готовый слой интеграции — настройте один раз, используйте в каждом проекте.

Responsive Media
Responsive Mediav1.2.7

Реактивное булево состояние на основе CSS media queries и размеров элементов для Vanilla JS, Vue 3 и React 19+ — без обязательных peer-зависимостей.

Virtual Scroller Kit
Virtual Scroller Kitv0.2.1

Виртуальные список, таблица, грид, дерево и select для Vue 3 — динамические высоты строк, группировка с анимацией, sticky-заголовки, бесконечная прокрутка, поддержка RTL.

Command Palette
Command Palettev0.2.4

Command+K палитра для Vue 3 — нечёткий поиск, группировка команд, вложенные под-палитры, асинхронный поиск и полная headless-кастомизация через слоты.

OS Detect
OS Detectv2.1.1

Лёгкое определение ОС и типа устройства для браузера, Node.js и SSR — с React-хуками и Vue composables. Без зависимостей.

Image Kit
Image Kitv1.1.1

Полный набор инструментов оптимизации изображений для Vue 3 — ленивая загрузка, переключение форматов, адаптивная арт-дирекция, CLI, CDN-билдеры и модуль Nuxt.

Toast Kit
Toast Kitv1.0.3

Toast-уведомления с Promise-API, автоматическим переключением типов, очередью приоритетов, undo-действиями, группировкой, headless-режимом и полной дизайн-системой.

CSS Magic Gradient
CSS Magic Gradientv1.2.10

TypeScript-библиотека для генерации CSS-градиентов — линейных, радиальных, конических — с пресетами, генераторами цветовой гармонии, утилитами доступности WCAG и хуками для Vue/React.

Feature Toggles
Feature Togglesv0.1.15

Лёгкий, независимый от backend плагин фича-флагов для Vue 3 — булевы и мультивариантные флаги, контекстные правила, живые обновления и оверлей DevTools.

Network Dashboard
Network Dashboardv0.2.10

Универсальный плагин мониторинга сети для Vue 3 — перехватывает HTTP, WebSocket и SSE-трафик, санитизирует чувствительные данные и предоставляет реактивную статистику.

Color Value Tools
Color Value Toolsv1.1.8

Универсальная библиотека для разбора, конвертации и анализа цветов во всех основных цветовых моделях — hex, RGB, HSL, HSV, HWB, Lab, LCH, Oklab, Oklch, CMYK, Display P3. Без зависимостей.

04 — Частые вопросы

Отвечаем прямо

Да, все пакеты open source под лицензией MIT, можно свободно использовать в любых проектах, включая коммерческие.
Да, это не заброшенные проекты: регулярные релизы, новые фичи, исправления и улучшения производительности выходят постоянно.
Обязательно приветствуется! Открыт код каждого пакета на GitHub, рады issues, pull request’ам и любым предложениям — это open source не на словах, а по духу: делаем для всех и вместе со всеми, кому интересно.
Часть пакетов имеет отдельный Nuxt-модуль (см. бейдж Nuxt на странице пакета).
Часть пакетов имеет React-энтрипоинт (бейдж React), но ядро проекта — Vue 3.
Пакеты написаны на TS и полностью типизированы, но использовать можно и из обычного JS.
Не нашли то, что нужно?

Загляните в исходники или напишите напрямую

Весь код открыт на GitHub — issues и pull request’ы приветствуются. Больше о том, кто это делает — на vuecraft.ru.