Nuxt Protokit
Schema-driven rapid prototyping for Nuxt 4 — from TypeScript schema to interactive prototype in minutes.
Define a TypeScript schema. Get a complete, offline-first, interactive prototype — forms, CRUD, computed values, and visualizations — without writing boilerplate.
Schema-Driven Design
One schema drives everything: fields, validation, computed values, and UI. No YAML, no config files — pure TypeScript.
- 12 field types: text, number, textarea, select, segmented, toggle, range, rating, color, date, tags, linked-responses
- Pure TypeScript schema — fully type-safe and IDE-friendly
- Derived/computed values that chain in definition order
- Linked responses for cross-prototype data wiring
Collections & CRUD
Build offline-capable collection UIs with search, sorting, and editing in minutes.
- Offline-capable lists with search, sort, modal or inline editing
- Preset packs for rapid bootstrapping of common data shapes
ProtoToolandProtoCrudModalcomponents out of the box- Atomic save/load logic with automatic state management
Offline First
Every write is local. No backend needed for prototyping — and it works on a plane.
- Y.js + IndexedDB — every write is local-first, sync is async
- Automatic CRDT merge across tabs and devices
- Corruption recovery utilities built in
Visualizations
Turn schema data into charts and comparisons with zero configuration.
- 5 types: progress bar, benchmark bar, bar chart, comparison table, feature matrix
- Timeline and milestone tracking
- All driven directly from schema definitions
