Skip to content
Vue 3 · Nuxt · TypeScript

VueCraft NPM

Manuals for every VueCraft npm package — in one place: quick start, full API, and examples for each package.

21open-source packages
Vue 3 + Reactframework support
TypeScriptfully typed
MITlicense, free for any use
01 — Philosophy

Four principles behind every package

No package here happens by accident — each one solves one clearly scoped problem with an API that's pleasant to use.

Framework-agnostic core

Most packages' logic isn't tied to Vue — the Vue and React wrappers share one engine instead of duplicating code.

TypeScript from day one

Full typing and inference with no extra ceremony — part of the architecture, not bolted onto finished JS.

Minimal deps

Every external dependency is risk and bundle weight. We only pull in what’s genuinely unavoidable.

MIT and open source

Free to use in any project, commercial included — the source is open and there to be read.

02 — Quick example

Real code, not marketing copy

03 — All packages

Every package, in one place

Filter by framework or purpose to find what you need, fast.

Framework
Purpose
Rest Pipeline JS
Rest Pipeline JSv2.1.5

Flexible, modular pipeline orchestrator for REST APIs — retry with backoff, caching, rate limiting, streaming, plugin system, and Vue/React integrations.

Worker Kit
Worker Kitv0.2.5

Type-safe Web Worker composables for Vue 3 — useWorker(), a worker pool, and a reactive useWorkerComputed(), with types inferred from the worker file itself.

Visual Linker
Visual Linkerv0.4.3

Draws smart, auto-routed SVG connector lines between DOM blocks you already control — for vanilla JS, Vue 3, and Nuxt. You own the block markup and position; this only measures it and draws the lines.

Masonry Kit
Masonry Kitv0.1.4

A masonry/bento grid library for Vue 3, React, and Nuxt — cards of different heights pack themselves into balanced columns, with wide bento cards, smooth reflow animation, and support for large lists.

HazeHash
HazeHashv0.1.1

Compact image placeholders: a short string in place of an image that rebuilds a blurred preview with the right aspect ratio and, when needed, transparency in a fraction of a millisecond. 49% lower error than BlurHash and 20% lower than ThumbHash.

Storage Kit
Storage Kitv0.2.7

Reactive localStorage, sessionStorage, IndexedDB and cookies for Vue 3 (and React) — TTL, encryption, schema migrations, undo/redo, and cross-tab sync.

InView
InViewv0.3.0

Framework-agnostic engines for scroll, element visibility, and viewport-relative position — with adapters for Vue 3, Nuxt, and React, sharing one rAF loop and a pooled IntersectionObserver.

State Machine
State Machinev0.2.7

Lightweight reactive finite state machines (FSM / statechart) for Vue 3 — declarative states and transitions, parallel regions, guards, and actions.

Error Boundary Kit
Error Boundary Kitv0.3.5

Production-ready error boundaries for Vue 3 — a declarative component, a composable for programmatic use, and an adapter-based reporting layer.

Form Schema
Form Schemav0.2.8

Reactive forms from a declarative schema (JSON, Zod, Yup, or Valibot) for Vue 3 — a headless, SSR-compatible alternative to VeeValidate/FormKit.

i18n Kit
i18n Kitv0.4.12

A reusable Vue 3 localization plugin that wraps vue-i18n and provides a ready-to-use integration layer — set up once, reuse across every project.

Responsive Media
Responsive Mediav2.2.2

Reactive boolean state from CSS media queries and element dimensions for Vanilla JS, Vue 3, Nuxt and React 19+ — with no required peer dependencies.

Virtual Scroller Kit
Virtual Scroller Kitv0.3.1

Virtual list, table, grid, tree, and select for Vue 3 — dynamic row heights, grouping with animated collapse, sticky headers, infinite scroll, and RTL support.

Command Palette
Command Palettev0.2.9

Command+K palette for Vue 3 — fuzzy search, grouped commands, nested sub-palettes, async search, and full headless customisation via slots.

OS Detect
OS Detectv2.2.1

Lightweight OS, form-factor, and runtime detection for browsers, Node.js, and SSR — with React hooks and Vue composables. No dependencies.

Image Kit
Image Kitv1.7.1

A complete image optimization toolkit for Vue 3 — lazy loading, format switching, responsive art direction, a CLI, CDN URL builders, and a Nuxt module.

Toast Kit
Toast Kitv1.1.1

Promise-API toasts with auto type switching, a priority queue, undo-actions with a progress timer, grouping, headless mode, and a full design system.

CSS Magic Gradient
CSS Magic Gradientv1.3.1

TypeScript library for generating CSS gradients — linear, radial, conic — with presets, color harmony generators, WCAG accessibility utilities, and Vue/React hooks.

Feature Toggles
Feature Togglesv0.2.0

Lightweight, backend-agnostic feature flags plugin for Vue 3 — boolean and multivariate flags, contextual rules, live updates, and a DevTools overlay.

Network Dashboard
Network Dashboardv0.4.2

Universal network monitoring plugin for Vue 3 — intercepts HTTP, WebSocket, and SSE traffic, sanitizes sensitive data, and exposes reactive statistics.

Color Value Tools
Color Value Toolsv1.2.2

A comprehensive utility library for parsing, converting, and analyzing color values across all major color models — hex, RGB, HSL, HSV, HWB, Lab, LCH, Oklab, Oklch, CMYK, Display P3. Zero dependencies.

05 — AI tools

AI reference for every package

Not a rehash of the regular docs — a compact text file with exact signatures, defaults, and behavior notes verified straight against the source. Paste it into your assistant's context, or hand an agent a direct link to the .txt — the code it generates matches the real API instead of guessing from a function name.
06 — FAQ

Straight answers

Yes — every package is open source under the MIT license, free to use in any project, commercial included.
Yes, these aren't abandoned projects: regular releases, new features, fixes, and performance improvements ship continuously.
Absolutely, and it's welcome! Every package's source is on GitHub — issues, pull requests, and suggestions are all appreciated. This is open source in spirit, not just in name: built for everyone, with anyone who wants to help.
Some packages ship a dedicated Nuxt module (see the Nuxt badge on the package page).
Some packages ship a React entry point (see the React badge), but the project's core is Vue 3.
The packages are written in TS and fully typed, but they work fine from plain JS too.
Didn't find what you need?

Browse the source or reach out directly

All the code is open on GitHub — issues and pull requests are welcome. More about who’s behind this at vuecraft.ru.