HextaUI ve AI Elements

AI Elements adını taşıyan iki şey

AI Elements, Vercel’de AI SDK için bir bileşen kütüphanesi olarak başladı. Deposunda artık Kasım 2026 sonunda kullanımdan kaldırılacağı ve yerini, paket kurmadan projenize kopyaladığınız desenlerden oluşan shadcn/ui’ın AI Elements’ına bırakacağı yazıyor. Birini arayanlar genellikle diğerini de bulduğu için bu sayfa ikisini de ele alır.

Kısa cevap

Ücretsiz yapı taşları istiyorsanız ve ekranları ile hata durumlarını kendiniz tasarlamayı planlıyorsanız AI Elements’ı kullanın. Sohbet akışının, composer’ın, araç çağrılarının ve ayarlar sayfalarının; hatalar, yeniden denemeler, durdurmalar ve onaylar çözülmüş hâlde hazır olmasını istiyorsanız HextaUI’ı kullanın. İkisi de kaynak kodlarını projenize koyar ve shadcn/ui tema token’larını paylaşır, bu yüzden ikisini karıştırabilirsiniz.

Bir bakışta

Parçalar mı, ekranlar mı

Bir sohbet, bir şeyler ters gidene kadar basit görünür. Yanıt yarıda başarısız olur. Kullanıcı yanıtı durdurur, önceki bir mesajı düzenler ya da model hâlâ yazarken yeni bir mesaj gönderir. Bir araç, akışın ortasında onay ister. Bir yükleme başarısız olur ya da model yarım bir tablo gönderir. AI Elements bunların her birini kurmanız için parçaları verir, kararları ise size bırakır. Örneğin kendi Message örneği, Retry’ı regenerate() fonksiyonuna sizin bağladığınız bir eylem olarak gösterir.

HextaUI blokları, bu kararların önceden verilmiş ve test edilmiş hâlidir:

• Chat Thread: başarısız yanıtlar Try again seçeneği sunar, durdurulan yanıtlar bunu belirtir, düzenlemeler ve yeniden denemeler arasında geçiş yapabileceğiniz sürümlere dönüşür. Yanıt akarken sorunuz en üste sabitlenir ve eski geçmiş, görünüm zıplamadan yüklenir.
• Prompt Input: Enter, Japonca, Çince veya Korece girişi asla yarıda kesmez, yüklemeler ilerlemeyi gösterir ve yeniden denenebilir, yanıt sırasında yazılan mesajlar bir kuyrukta bekler ve taslaklar sayfa yenilense de kaybolmaz. Ücretsizdir.
• Tool Calls: onaylar dahil her AI SDK araç durumunun kendi görünümü vardır; “Tell it what to do instead” ile modele bir gerekçe geri gönderebilirsiniz.
• Markdown ve Streaming: yanıtlar asla yarım yazılmış sözdizimi göstermez, düzensiz gelen parçalar takılmak yerine sabit bir hızla ortaya çıkar.
• Artifact: uygulanamayan bir düzenleme gerekçesiyle başarısız olur ve son sağlam sürümü korur, önizlemeler beyaz bir parlama olmadan değişir ve çalışma zamanı hataları bir Fix it eylemiyle gelir.
• Chat Sidebar: geri alınabilen silme, yerinde yeniden adlandırma, hâlâ yanıt veren sohbetler ve anında açılan binlerce sohbet.

HextaAI, tüm blokları bir araya getirerek hiçbir şey kurmadan önce açıp deneyebileceğiniz eksiksiz bir sohbet uygulaması sunar.

Parça parça

AI Elements parçalarının çoğunun HextaUI’da bir karşılığı vardır. Aşağıdaki adlar her iki AI Elements dokümantasyonundan alınmıştır.

HextaUI’da AI Elements’ın kapsamadığı ekranlar da vardır; örneğin Chat Sidebar ve bir yapay zekâ ürünü için Models, API keys ve Billing gibi ayarlar sayfaları.

AI Elements’ın daha iyi olduğu durumlar

• Her şeyin ücretsiz ve açık kaynak olmasını istiyorsunuz. HextaUI’ın yapay zekâ bloklarının çoğu ücretlidir.
• Yalnızca birkaç parçaya ihtiyacınız var ve ekranları da, nasıl hata vereceklerini de kendiniz tasarlamak istiyorsunuz.
• Node’ları ve edge’leri olan bir iş akışı tuvaline ihtiyacınız var. Vercel’in sürümünde bu var, HextaUI’da yok.
• Radix primitive’lerini istiyorsunuz. HextaUI yalnızca Base UI üzerine kuruludur, shadcn/ui sürümü ise ikisini de sunar.
• Topluluğu ve örnekleriyle desteklenen, bakımı doğrudan shadcn/ui tarafından yapılan bir kod istiyorsunuz.

Vercel’in AI Elements’ından geçiş

Kasım sonunda hiçbir şey bozulmaz. Bileşenler zaten deponuzda kaynak kod olarak bulunur ve shadcn/ui, mevcut kullanıcıların geçiş yapmasına gerek olmadığını söylüyor. Bu ekranlara yeniden dokunduğunuzda üç seçeneğiniz var: kodu tutup bakımını kendiniz yapmak, shadcn/ui desenlerine geçmek ya da bir ekranı bir HextaUI bloğuyla değiştirmek.

HextaUI blokları, useChat hook’unun döndürdüğü mesaj parçalarının aynısını okur; böylece route handler’ınız ve verileriniz olduğu gibi kalır. Prompt Input ücretsiz olduğu için composer’la başlayın, ardından ele aldıkları durumlara ihtiyaç duyduğunuzda sohbet akışını ve araç çağrılarını değiştirin.

Sorular

Diğer karşılaştırmalar

• HextaUI vs assistant-ui
• HextaUI vs prompt-kit
• HextaUI ve shadcn/ui
• shadcn yapay zekâ sohbet şablonları