Vielzeug
40 independent, zero-dependency TypeScript packages for modern JavaScript
Documentation • Examples • Contributing
What is Vielzeug?
Vielzeug (German for "many tools") is a curated ecosystem of zero-dependency, tree-shakeable TypeScript packages. Each one solves a focused problem and ships as ESM + CJS with full type declarations.
- ✅ Type-Safe: built with TypeScript from the ground up, strict mode throughout
- ✅ Zero Dependencies: no external runtime deps; inter-package deps only
- ✅ Framework Agnostic: works with React, Vue, Svelte, Angular, or vanilla JS
- ✅ Tree-Shakeable: import only what you need, pay only for what you use
- ✅ Well-Tested: comprehensive vitest coverage on every package
- ✅ Production Ready: battle-tested in real-world applications
📦 Packages
Fine-grained reactive state with signals, computed values, effects, and batch updates.
pnpm add @vielzeug/ripple
Key Features:
- Fine-grained signals with
computed(), effect(), batch(), watch(), and scope()
store() for reactive objects with deep update tracking- Zero dependencies (7.0 KB min / 2.4 KB gz)
📖 Documentation • Examples
@vielzeug/ore – Web Component Primitives
Lightweight, type-safe web component authoring with reactive state, typed props, and automatic rendering.
pnpm add @vielzeug/ore
Key Features:
- Reactive state management with automatic re-rendering
- Type-safe component definitions and prop helpers
- Shadow DOM with automatic styling and form-associated elements
- Event handling, lifecycle hooks, and helpers like
live, when, styleMap, until (18 KB min / 5.0 KB gz)
📖 Documentation • Examples
Accessible, themeable web components built on top of @vielzeug/ore. Works with any framework or vanilla HTML.
pnpm add @vielzeug/refine
Key Features:
- Drop-in accessible components: button, input, select, checkbox, accordion, tooltip, and more
- Framework-agnostic: plain custom elements, no framework required
- Full theming via CSS custom properties
- Tree-shakeable per-component imports (
@vielzeug/refine/button, @vielzeug/refine/input, …)
📖 Documentation • Examples
Framework-neutral typed state machines with pure transitions, immutable snapshots, and owned actors.
pnpm add @vielzeug/clockwork
Key Features:
- Fully typed flat states, events, guards, and transitions
- Pure context reducers with immutable snapshots
- Post-commit effects, async
invoke, and delayed transitions
- Actor subscriptions, cancellation, and disposal
- Framework-neutral runtime with zero dependencies
📖 Documentation • Examples
Minimal push streams with subscription-owned cancellation, explicit buffering, and ecosystem adapters.
pnpm add @vielzeug/flux
Key Features:
stream() factory for cold, reusable, pipeable streamsSubscription owns cancellation; streams have no global lifecyclecreateChannel() for bounded-replay hot multicast state- Explicit async-buffer capacity and overflow policy
- Ecosystem adapters on dedicated Ripple, Herald, Pulse, and Courier subpaths
📖 Documentation • Examples
Effortless, type-safe form state and validation for modern web applications.
pnpm add @vielzeug/forge
Key Features:
- Type-safe form state with inferred types
- Field-level and form-level validation
- Reactive subscriptions
- Works with
@vielzeug/spell, Zod, Valibot, or any Standard Schema library (7.2 KB min / 3.0 KB gz)
📖 Documentation • Examples
Zero-dependency schema validation with explicit async checks and Standard Schema interoperability.
pnpm add @vielzeug/spell
Key Features:
- Fluent schema API:
s.object(), s.string(), s.number(), s.array(), and more
- Precise input/output typing with
InferInput<T> and Infer<T>
- Async validation, custom refinements, and transforms
- Comprehensive error handling with
messagesAt() (14 KB min / 2.8 KB gz)
📖 Documentation • Examples
Modern, type-safe HTTP client with explicit cache keys, direct mutations, and AsyncIterable streams.
pnpm add @vielzeug/courier
Key Features:
- One client for HTTP, queries, mutations, and streams
- Keyed cache entries with explicit fetch definitions and in-flight deduplication
- Direct mutations with explicit cache updates
- Abortable SSE and HTTP streams (10 KB min / 3.4 KB gz)
📖 Documentation • Examples
This is the beginning of the README. Read the rest at the original. Read the full README ↗
