Vercel’in AI Elements’ı kullanımdan kaldırılıyor. İşte shadcn/ui yapay zekâ sohbet arayüzü için alternatifler
Vercel'in AI Elements'ı Kasım 2026 sonunda kullanımdan kalkıyor. Yerine ne geliyor, kopyaladığınız kodla ne yapmalı ve beş shadcn/ui yapay zekâ sohbet seçeneğinin karşılaştırması.
Preet Suthar · · 5 dk okuma
- AI
- shadcn/ui
- React
- Next.js
Bu yıl Vercel’in AI Elements’ıyla bir yapay zekâ sohbeti kurduysanız, depo artık bir uyarı taşıyor: kütüphane Kasım 2026 sonunda kullanımdan kaldırılacak ve yerini shadcn/ui’dan AI Elements alacak.
Bu yazı bunun kodunuz için ne anlama geldiğini, yerine neyin geldiğini ve 2026 sonunda shadcn/ui ile bir yapay zekâ sohbet arayüzüne başlıyorsanız diğer seçenekleri ele alıyor. Bu seçeneklerden birinin, HextaUI’ın bakımını ben yapıyorum; dolayısıyla nereye uyduğunu ve nereye uymadığını söyleyeceğim.
Önce şu: kodunuz çalışmaya devam eder
AI Elements, shadcn tarzı bir registry’ydi. Bileşenler projenize kopyalanıyordu. Güncelleme almayı bırakacak bir paket yok, dolayısıyla 1 Aralık’ta hiçbir şey bozulmaz. Kullanımdan kaldırma, Vercel’den yeni bileşen ve düzeltme gelmeyeceği ve dokümanların zamanla başka yere işaret edeceği anlamına gelir.
Zamanınız var. Bu hafta bir geçişe acele etmeyin.
Yerine ne geliyor
Ekim 2026’da shadcn/ui kendi AI Elements’ını yayınladı: shadcn/ui bileşenlerinden kurulmuş, ajan arayüzleri için 21 desen. Chat, Prompt Input, Reasoning, Tool, Plan, Subagent ve daha fazlası. Her desen sayfası, onun AI SDK mesaj parçalarından nasıl render edileceğini gösterir. Paket yok. Her deseni kopyalayarak alırsınız.
Base UI, React Aria ve Radix’te çalışan iki yeni bileşenle, Trace ve Code Block ile birlikte geliyorlar.
Vercel kütüphanesinden geçişin düşük sürtünmeli olması amaçlanmış. Desenin yeniden kurulduğu yerlerde export adları ve prop’lar korunmuş ve her desen sayfası, bir yapay zekâ kodlama ajanına verebileceğiniz bir geçiş istemi içeriyor. Yeniden kurulmayan öğeler kapsanmıyor, dolayısıyla listeyi kullandıklarınızla karşılaştırın.
Parçalar ile ekranlar arasındaki dürüst fark
Aşağıdaki her seçenek iki kamptan birine düşer ve hangisini istediğinizi bilmek size bir hafta kazandırır.
Parçalar size bir Message, bir Prompt Input, bir Tool bileşeni verir. Ekranı siz tasarlarsınız; bir yanıt başarısız olduğunda, bir akış durdurulduğunda, bir araç onay istediğinde, bir yükleme öldüğünde ne olacağına siz karar verirsiniz. AI Elements’ın her iki sürümü de, prompt-kit de parçadır.
Ekranlar size sohbet dizisini, composer’ı, araç çağrısı listesini ve ayar sayfalarını bu kararlar verilmiş halde verir. Veriyi bağlar ve tema token’larınızla yeniden biçimlendirirsiniz. HextaUI’ın blokları ve Vercel’in AI Chatbot şablonu gibi eksiksiz uygulamalar ekrandır.
Parçalar ücretsiz ve esnektir. Ekranlar daha hızlı ve görüş sahibidir. İkisi de yanlış değil.
Beş seçeneğin karşılaştırması
1. shadcn/ui’dan AI Elements
Ücretsiz, MIT, shadcn ekibi tarafından bakımı yapılıyor, Base UI, React Aria ve Radix için kurulmuş. Ekran değil, parça. Kendinizinkini birleştirmek ve en çok kullanılan registry’de kalmak istiyorsanız doğal varsayılan. Ekim 2026 itibarıyla yeni; dolayısıyla desen listesinin büyümesini ve pürüzlerin önümüzdeki birkaç ayda giderilmesini bekleyin.
2. prompt-kit
Ücretsiz, MIT, shadcn CLI ile kurulur. Prompt Input, Message, Reasoning, Chain of Thought, Tool, File Upload ve geçmiş kenar çubuklu bir sohbet uygulaması dahil örnek bloklar. İyi örnekleri olan parçalar. Radix üzerine kurulu, dolayısıyla bir Base UI projesi onu kullanırken iki primitive katmanını birden taşır.
3. assistant-ui
Ücretsiz, MIT, kaydedilen diziler için isteğe bağlı ücretli bulut. Bu tür olarak farklı: konuşmayı yöneten kendi çalışma zamanına sahip bir sohbet çatısı, artı ondan okuyan headless primitive’ler ve stillendirilmiş bileşenler. AI SDK, LangGraph, LangChain, AG-UI ve diğerleri için adaptörler. Sohbet durumuna çalışma zamanının sahip olmasını istiyorsanız seçin. Durumunuz zaten useChat içinde ya da kendi store’unuzda yaşıyorsa ve uygulamanızı saran hiçbir şey istemiyorsanız atlayın.
4. shadcn-chatbot-kit ve AI Chatbot şablonu
Blazity’nin shadcn-chatbot-kit’i daha küçük bir chatbot bileşeni kümesidir. Vercel’in AI Chatbot’u ise oturum açma ve veritabanı içeren eksiksiz bir Next.js uygulamasıdır; her parçanın bağlanmış halini görmek istiyorsanız kanonik referans budur. Benimsemeseniz bile ikisini de okumak faydalı.
5. HextaUI blokları
Ekranlar. Başarısız yanıtların Try again sunduğu, durdurulan yanıtların bunu söylediği, düzenleme ve yeniden denemelerin aralarında geçiş yapabildiğiniz sürümlere dönüştüğü bir Chat Thread. "Bunun yerine şunu yap" gerekçeli onaylar dahil her AI SDK araç durumunu içeren Tool Calls. Asla yarım yazılmış sözdizimi göstermeyen Streaming ve Markdown. Japonca ve Çince girişle güvenli olan, yükleme ilerlemesi ve yeniden deneme gösteren, yanıt sırasında yazılan mesajları kuyruğa alan ve taslakları yeniden yüklemeler arasında koruyan bir Prompt Input. Artı bir sohbet ürününün etrafındaki ekranlar: ayarlar, modeller, API anahtarları, faturalama, ekip, güvenlik.
Alttaki bileşenler ücretsiz ve MIT. Yapay zekâ blokları HextaUI Pro’dur: sonraki her blok dahil tek seferlik bir ödeme; Prompt Input ise ücretsiz. Base UI üzerine kurulu, AI SDK mesaj parçalarını SDK’yı içe aktarmadan okur. Her şeyin ücretsiz olmasını ya da Radix istiyorsanız size göre değil.
Bir bakışta
| Bir bakışta | Kamp | Fiyat | Primitive’ler | AI SDK |
|---|---|---|---|---|
| AI Elements (shadcn/ui) | Parçalar | Ücretsiz | Base UI, React Aria, Radix | Örneklerde kullanılıyor |
| AI Elements (Vercel) | Parçalar | Ücretsiz | Radix | Kurulum gereği zorunlu |
| prompt-kit | Parçalar | Ücretsiz | Radix | İsteğe bağlı |
| assistant-ui | Çalışma zamanı | Ücretsiz, ücretli bulut | Kendi | Adaptör |
| HextaUI | Ekranlar | Bileşenler ücretsiz, bloklar tek seferlik ücretli | Base UI | İsteğe bağlı, aynı parça biçimi |
Nasıl karar verilir
- Sıfırdan başlıyorsunuz ve kendinizinkini birleştirmek istiyorsunuz: shadcn/ui’dan AI Elements.
- Ağacınızda zaten Vercel’in AI Elements’ı var: yeni bir şeye ihtiyaç duyana kadar koruyun, sonra geçiş istemlerini kullanarak desen desen taşıyın.
- Dizileri, dallanmayı ve kalıcılığı sizin için bir çalışma zamanının yönetmesini istiyorsunuz: assistant-ui.
- Sohbetin ve etrafındaki ürün ekranlarının, hata durumları ele alınmış halde hazır olmasını istiyorsunuz ve bir kez ödemekte sorun yok: HextaUI.
Bunların hepsi kaynağı projenize kopyalar ve shadcn/ui tema token’larını kullanır, dolayısıyla onları ekran ekran karıştırabilirsiniz. Tek uyarı primitive’lerle ilgili: Radix tabanlı bir kiti Base UI projesine karıştırmak çalışır, ama ikisini birden gönderirsiniz.
Parça parça tam eşlemeyle daha ayrıntılı bir karşılaştırmayı hextaui.com/compare/ai-elements adresinde, yedi seçenekli bir bakışı da shadcn yapay zekâ sohbet şablonları sayfasında tutuyorum.
SSS
Vercel’in AI Elements’ı tam olarak ne zaman kullanımdan kalkıyor? Depo, Kasım 2026 sonu diyor.
Mevcut AI Elements bileşenlerim bozulacak mı? Hayır. Deponuzda yaşıyorlar. Yalnızca güncelleme almayı bırakırlar.
Yeni AI Elements bir paket mi? Hayır. shadcn CLI ile kopyaladığınız bir desen kümesidir; shadcn/ui’ın kendisiyle aynı model.
HextaUI bloklarını Vercel AI SDK olmadan kullanabilir miyim? Evet. Mesajları AI SDK’nın parça biçiminde prop olarak alırlar ve SDK’yı içe aktarmazlar.