shadcn/ui yapay zekâ sohbet şablonları
shadcn/ui yapay zekâ sohbet şablonu, shadcn/ui bileşenleriyle oluşturulmuş ve kendi projenize kopyaladığınız bir sohbet arayüzüdür. Bazıları size parçalar, bazıları ise eksiksiz bir uygulama verir. Bu sayfa, Ekim 2026 itibarıyla yedi seçeneği karşılaştırır ve bir sohbetin yayına çıkmadan önce ele alması gerekenleri listeler.
Bir sohbet şablonunun ele alması gerekenler
Mesaj listesi ve composer bir öğleden sonra sürer. Etraflarındaki durumlar ise haftalar alır. Bir şablonu seçmeden önce bu listeyle karşılaştırın:
- Ekranda yarım yazılmış Markdown, bozuk tablo veya kapanmamış kod bloğu göstermeden rahat okunan bir akış.
- Durdurma, yeniden deneme ve yarıda başarısız olan yanıt; her biri kendi mesajı ve sonraki adımıyla.
- Önceki sürümü kaybetmeden, daha önceki bir mesajı düzenlemek veya bir yanıtı yeniden oluşturmak.
- Okuyucu yukarı kaydırana kadar yeni metni takip eden kaydırma ve aşağıya geri dönmenin bir yolu.
- Modelin ne yaptığını gösteren araç çağrıları ve biri cevap verene kadar yanıtı duraklatabilen onaylar.
- Yükleme ilerlemesi, hata ve yeniden deneme içeren ekler; ayrıca yapıştırılan metin ve sürükleyip bırakılan dosyalar.
- Japonca, Çince veya Korece giriş yarıdayken mesajı göndermeyen ve sayfa yenilense de taslağı koruyan bir composer.
- Boş durum, sohbet geçmişi ve telefonda klavye açıkken de çalışan bir düzen.
Seçeneklere bir bakış
| shadcn/ui yapay zekâ sohbet şablonları ve kitleri | Ne elde edersiniz | Lisans | Backend |
|---|---|---|---|
| HextaUI | Hazır sohbet ekranları ve eksiksiz bir sohbet uygulaması | MIT lisanslı bileşenler, ücretli Pro bloklar, ücretsiz Prompt Input | Herhangi biri, AI SDK mesaj parçalarıyla |
| Vercel Chatbot | Oturum açma ve veritabanı içeren tam bir Next.js uygulaması | Apache 2.0 | AI SDK |
| AI Elements (shadcn/ui) | Sizin birleştirdiğiniz desenler | MIT | Örneklerde AI SDK |
| AI Elements (Vercel) | Bileşenler, Kasım 2026 sonunda kullanımdan kaldırılıyor | Apache 2.0 | AI SDK |
| assistant-ui | Durum yönetimli sohbet primitive’leri | MIT | AI SDK, LangGraph veya kendi backend’iniz |
| prompt-kit | Yapay zekâ uygulamaları için bileşenler | MIT | Herhangi biri |
| shadcn-chatbot-kit | Sohbet bileşenleri | MIT | AI SDK |
HextaUI
HextaUI, yapay zekâ ürünleri için Pro bloklar sunan, shadcn/ui için bir bileşen kütüphanesidir. HextaAI ise bu bloklardan oluşturulmuş eksiksiz sohbet uygulamasıdır: sohbet kenar çubuğu, sürümler ve checkpoint’ler içeren sohbet akışı, kaynaklarıyla birlikte düşünme, onaylı araç çağrıları, sohbetin yanında artifact’ler, akışla gelen Markdown ve ses modu. Bloklar yukarıdaki listedeki durumları ele alır ve her biri tek başına da çalışır. Ekranların hazır olmasını istiyorsanız ve zamanınızı ürüne ayırmayı tercih ediyorsanız bunu seçin.
Composer olan Prompt Input ücretsizdir. Hesap açmadan kurun:
pnpm dlx shadcn@latest add https://hextaui.com/r/pro/prompt-input.jsonVercel Chatbot
Eskiden AI Chatbot adını taşıyan Vercel Chatbot; oturum açma, Postgres veritabanı, kaydedilen sohbetler ve AI SDK içeren eksiksiz bir Next.js uygulamasıdır. Bugün yayına alabileceğiniz çalışan bir ürün istiyorsanız ve tasarımı ile teknoloji yığınından memnunsanız bunu seçin.
AI Elements
shadcn/ui’ın AI Elements’ı, projenize kopyaladığınız Chat, Message, Tool ve Prompt Input gibi desenlerden oluşan bir settir. Kasım 2026 sonunda kullanımdan kaldırılacak olan Vercel’in AI Elements’ının yerini alır. Ücretsiz, iyi yapılmış parçalar istiyorsanız ve ekranları kendiniz kurmayı planlıyorsanız bunu seçin. Parça parça bir karşılaştırma için HextaUI ve AI Elements sayfasına bakın.
assistant-ui
assistant-ui, thread ve composer gibi sohbet primitive’leri sunan bir React kütüphanesidir; AI SDK, LangGraph veya kendi backend’iniz için sohbet durumunu yöneten runtime’lar içerir. Zor olan kısım arayüz değil de durum yönetimiyse bunu seçin; örneğin LangGraph üzerinde çalışan bir ajan için.
prompt-kit ve shadcn-chatbot-kit
prompt-kit ve shadcn-chatbot-kit, shadcn CLI ile kurulan ücretsiz bileşen kitleridir. Daha büyük bir uygulamanın içinde, bir mesaj listesi, bir prompt kutusu ve Markdown dışında pek bir şeye ihtiyaç duymadığınız küçük bir sohbet için uygundurlar.
Nasıl seçilir
- Bu hafta yayına alınabilecek bir uygulama istiyorsunuz ve teknoloji yığını size uyuyor: Vercel Chatbot.
- Ücretsiz parçalar ve tasarım üzerinde tam kontrol istiyorsunuz: shadcn/ui’ın AI Elements’ı veya prompt-kit.
- Backend’inizde LangGraph gibi karmaşık bir sohbet durumu var: assistant-ui.
- Zor durumları ele alınmış hazır ekranlar ve yapay zekâ ürününüz için ayarlar sayfaları istiyorsunuz: HextaUI.
Birbirleriyle iyi uyum sağlarlar. Çoğu, shadcn/ui kaynak kodunu projenize kopyalar ve aynı tema token’larını paylaşır; böylece birini tutup tek bir parçayı başka biriyle değiştirebilirsiniz. Örneğin Vercel Chatbot backend’ini koruyup composer’ını, aynı useChat durumunu okuyan Prompt Input ile değiştirebilirsiniz.