Chat Block

The flagship on-device chat: a 76-model multi-provider selector (transformers, WebLLM, wllama GGUF, LiteRT) with capability gating, vision attachments, DeepSeek-R1 reasoning display, semantic response caching, agent mode with tools, custom.

Library

LocalMode

Framework

React

Type

block

License

MIT

Dependencies

@localmode/core, @localmode/litert, @localmode/react, @localmode/transformers, @localmode/webllm, @localmode/wllama, lucide-react

Install

npx shadcn add @localmode/ui/ui/blocks/chat

Files

• apps/ui/src/app/blocks/chat/chat.tsx
• packages/react/src/index.ts
• packages/core/src/index.ts
• packages/transformers/src/index.ts
• packages/webllm/src/index.ts
• packages/wllama/src/index.ts
• packages/litert/src/index.ts
• apps/ui/registry/localmode/conversation/conversation/conversation.tsx

Source

https://github.com/LocalMode-AI/LocalMode

Categories

• AI Element Components
• React AI Element Components
• Tailwind CSS AI Element Components
• Chat Page Components
• React Chat Page Components
• Tailwind CSS Chat Page Components
• Conversation Components
• React Conversation Components
• Tailwind CSS Conversation Components
• Input Components
• React Input Components
• Tailwind CSS Input Components

More from LocalMode

• Voice Picker
• GGUF Explorer Block
• Model Advisor Block
• Document QA Block
• RAG Chat Block
• PII Redactor Block
• Model Evaluator Block
• Sentiment Analyzer Block
• Text Classifier Block
• Threshold Calibrator Block
• Language Detector Block
• Complete Block