@vielzeug/buildit
A library of ready-made web components, accessible, themeable, built on craftit.
VielzeugMany tools. One good decision.
Each tool does one thing well. All of them play nicely together. TypeScript-first, zero dependencies.
Skip to content
Lightweight, type-safe web component creation with reactive state.
Type-safe local storage with schemas, expiration, and query building capabilities.
File drop zones with MIME filtering and sortable lists.
Typed event bus for decoupled, reactive inter-module communication.
Advanced HTTP client with caching, retries and deduplication.
Type-safe utility for precise floating-point math without pitfalls.
Type-safe form state and validation with minimal code and maximum flexibility.
Lightweight, type-safe i18n with pluralization, async loading, and more.
Beautiful console logging with styling and remote logging support.
Role-based access control (RBAC) system for permissions.
Lightweight, type-safe client-side routing with middleware support.
Tiny, framework-agnostic state management with reactive subscriptions.
Temporal-powered date and time utilities for modern TypeScript apps.
A comprehensive utility library for arrays, objects, strings, math, dates, and more.
Type-safe schema validation with advanced error handling.
Lightweight virtual list engine to renders only visible items.
Lightweight dependency injection container with IoC principles.
Web Worker abstraction with pooling, queuing, timeouts, and more.🚀 Why Vielzeug?
- Type-safe: Built with TypeScript from the ground up for the best DX.
- Zero/Low Dependencies: Keep your bundle size small and your supply chain secure.
- Consistent API: Learn one package, and you'll feel at home in all of them.
- Modern: Optimized for ES Modules, tree-shaking, and modern runtimes.
🏁 Quick Start
bash
npm install @vielzeug/toolkitbash
pnpm add @vielzeug/toolkitbash
yarn add @vielzeug/toolkittypescript
import { chunk, debounce, currency } from '@vielzeug/toolkit';
// Utilities that just work
const batches = chunk([1, 2, 3, 4, 5], 2);
const search = debounce((query) => api.search(query), 300);
const price = currency({ amount: 123456n, currency: 'USD' }); // "$1,234.56"💬 Community & Support
Have questions? Found a bug? Want to contribute?
- GitHub Issues — Report bugs or request features
- GitHub Discussions — Ask questions and share ideas
- Contributing Guide — Learn how to contribute
Released under the MIT License. Vielzeug Contributors.