Dev Design Library

Data Extractor Block

Schema-validated structured-data extraction from free text over its OWN on-device WebGPU-only WebLLM model (default Qwen3-1.7B-q4f16_1-MLC): five zod templates (contact, event, review, recipe, job), useGenerateObject json mode with maxRetri.

Data Extractor Block preview
Library
LocalMode
Framework
React
Type
block
License
MIT
Dependencies
@localmode/core, @localmode/react, @localmode/webllm, zod
Install
npx shadcn add @localmode/ui/ui/blocks/agents/data-extractor
Files
  • apps/ui/src/app/blocks/agents/data-extractor/data-extractor.tsx
  • packages/core/src/index.ts
  • packages/react/src/index.ts
  • packages/webllm/src/index.ts
  • apps/ui/registry/localmode/local-first/model-selector/model-selector.tsx
  • apps/ui/registry/localmode/local-first/model-downloader/model-downloader.tsx
  • apps/ui/registry/localmode/local-first/capability-gate/capability-gate.tsx
  • apps/ui/registry/localmode/conversation/structured-output-viewer/structured-output-viewer.tsx
Source
https://github.com/LocalMode-AI/LocalMode

Categories

More from LocalMode