Skip to content41 packages v26.10
Pick and compose the tools you need: from routing to charts. Shared conventions, unified architecture, and zero dependencies. Any framework. No framework. Your choice. 
TSA different kind of toolkit Everything fits. Nothing fights. 41 packages built as one. Same conventions, same primitives, same release cadence, so you ship, not integrate. 0 Transitive dependencies across all 41 packages 1 Shared API shape: learn once, use everywhere 41 Independently installable packages One mental model Same No hidden dependencies Every package you install is every package you own. No surprises in Built to work together Validation schemas plug into form fields. Signals drive UI templates, with no adapter layer or boilerplate. just packages that know about each other. Eliminate entire categories of glue code. Each package is standalone: combined, they compose naturally. All 41 packages, one search. Organized by domain. Click any package to jump straight to its docs. Start here 
ripple Foundations Signals, computed, and effects 
spell Forms & Domain Logic Schema validation with fluent API 
arsenal Foundations 75+ zero-dependency utility functions 
courier Data & Connectivity HTTP client & query cache / mutations All packages 
Your AI already knows Vielzeug Everything lives on GitHub. Bug reports, questions, and contributions: all welcome. Open an issue or start a discussion.
Vielzeug Many Tools. Zero Weight. Huge Impact.
TSdispose() contract. Same signal shape. Same error format. Learn the pattern once: every new package feels familiar from line one. node_modules , no version conflicts six months from now. import { createForm } from '@vielzeug/forge';
import { s } from '@vielzeug/spell';
import { createApi } from '@vielzeug/courier';
import { createLogger } from '@vielzeug/rune';
const log = createLogger('auth');
const api = createApi({ baseUrl: 'https://api.example.com' });
const LoginSchema = s.object({
email: s.string().email(),
password: s.string().min(8),
});
const form = createForm({
defaultValues: { email: '', password: '' },
schema: LoginSchema,
});
form.submit(async (values) => {
const user = await api.post('/auth/login', { body: values });
log.info('Login successful', { user });
});
courierHTTP client & caching
5.6 KBmeshBackendless P2P sessions
5.9 KBpostmasterDurable job outbox
3.3 KBpulseWebSocket client & presence
4.9 KBscoutTrigram fuzzy search
3.5 KBtandemOffline-first sync engine
1.1 KBtavernTable session replication over mesh
1.7 KBsourcererReactive data sources
2.6 KBvaultBrowser storage
0.6 KB
dndDrag & drop
6.7 KBfocusKeyboard nav & focus restoration
2.5 KBgestureSwipe gesture recognition
2.3 KBkeymapKeyboard shortcuts & chords
2.8 KBnecromancerWeb Animations API primitives
2.0 KBorbitFloating positioning
4.5 KBscrollVirtual lists
7.6 KBoreWeb component primitives
9.6 KBprismSVG charts
12.8 KBrefineAccessible components
146.0 KBsentinelReactive environment state
2.0 KBsigilQR generation & scanning
6.3 KB
@vielzeug/codex is an MCP server that bundles the entire documentation, package APIs, and Refine component metadata into a single offline snapshot. Wire it into Claude Desktop, Copilot Chat, or any MCP-compatible client: then ask anything. search-packages: find the right package by keyword across docs and exports get-docs: fetch any package's index, API, usage, or examples page get-component: full Refine component CEM: attributes, slots, CSS parts, events
userHow do I debounce a function call in Arsenal?
tool
get-docs({ packageSlug: "arsenal", page: "api" })
assistant Use
debounce(fn, wait): returns a version of fn that delays invoking until wait ms after the last call. Pass { leading: true } to fire on the first call instead. import { debounce } from '@vielzeug/arsenal'; const save = debounce(persistToDb, 300); input.addEventListener('input', save);