VueCraft NPM

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.

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.

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.

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.

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

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

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

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

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

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

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

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