Chat UI documentation

UI Chat

Hugging Face's logo
Join the Hugging Face community

and get access to the augmented documentation experience

to get started

UI Chat

Antarmuka chat open source dengan dukungan untuk tools, input multimodal, dan routing cerdas antar model. Aplikasi ini menggunakan MongoDB dan SvelteKit di belakang layar. Coba versi live bernama HuggingChat di hf.co/chat atau setup instance Anda sendiri.

Chat UI terhubung ke endpoint API apa pun yang kompatibel dengan OpenAI, sehingga dapat bekerja dengan:

Alat MCP: Pemanggilan fungsi melalui server Model Context Protocol (MCP)

LLM Router: Perutean cerdas untuk memilih model terbaik untuk setiap permintaan

Multimodal: Unggah gambar pada model yang mendukung visi

OpenID: Autentikasi pengguna opsional melalui OpenID Connect

Mulai Cepat

Langkah 1 - Buat .env.local:

OPENAI_BASE_URL=/static-proxy?url=https%3A%2F%2Frouter.huggingface.co%2Fv1
OPENAI_API_KEY=hf_************************

Anda dapat menggunakan endpoint yang kompatibel dengan OpenAI apa pun:

PenyediaOPENAI_BASE_URLOPENAI_API_KEY
Hugging Face/static-proxy?url=https%3A%2F%2Frouter.huggingface.co%2Fv1%3C%2Fcode%3E%3C%2Ftd%3E%3Ctd%3E%3Ccode%3Ehf_xxx%3C%2Fcode%3E%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%3EOllama%3C%2Ftd%3E%3Ctd%3E%3Ccode%3Ehttp%3A%2F%2F127.0.0.1%3A11434%2Fv1%3C%2Fcode%3E%3C%2Ftd%3E%3Ctd%3E%3Ccode%3Eollama%3C%2Fcode%3E%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%3Ellama.cpp%3C%2Ftd%3E%3Ctd%3E%3Ccode%3Ehttp%3A%2F%2F127.0.0.1%3A8080%2Fv1%3C%2Fcode%3E%3C%2Ftd%3E%3Ctd%3E%3Ccode%3Esk-local%3C%2Fcode%3E%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%3EOpenRouter%3C%2Ftd%3E%3Ctd%3E%3Ccode%3Ehttps%3A%2F%2Fopenrouter.ai%2Fapi%2Fv1%3C%2Fcode%3E%3C%2Ftd%3E%3Ctd%3E%3Ccode%3Esk-or-v1-xxx%3C%2Fcode%3E%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftbody%3E%3C%2Ftable%3E

Langkah 2 - Instal dan jalankan:

git clone https://github.com/huggingface/chat-ui
cd chat-ui
npm install
npm run dev -- --open

Itu saja! Chat UI akan secara otomatis menemukan model yang tersedia dari endpoint Anda.

MongoDB bersifat opsional untuk pengembangan. Ketika MONGODB_URL tidak disetel, Chat UI menggunakan database tertanam yang dipertahankan ke ./db.

Untuk deployment produksi, lihat panduan instalasi.

Update on GitHub