Solid Glass
React tabanlı yapay zeka uygulama arayüzleri için özel olarak tasarlanmış cam esintili bir tasarım sistemi.
shadcn/ui ve Tailwind CSS üzerine inşa edilmiş dokunsal, fiziksel ve teknik UI bileşenleri.
Solid Glass, özellikle yapay zeka uygulamaları için oluşturulmuş özel bir tasarım sistemi ve CSS temasıdır. Düz tasarım ile aşırı şeffaf sıvı cam arasındaki boşluğu doldurarak, ince kenar vurguları ve fiziksel derinlikle birlikte okunabilir metinler sunar.
Nedir
Renkleri, üç cam kalınlığını, hareketi ve shadcn/ui değişken adlarını tanımlayan tek bir stil sayfasının yanı sıra durum glifleri, fark (diff) görünümleri ve akıl yürütme kutuları gibi özel UI bileşenleri sunar. Yerleşik Create sayfası kadranlarını kullanarak temaları yapılandırabilir ve tüm ajan çalışma alanı bloklarını doğrudan React projenize dağıtabilirsiniz.
Kimler için
Sakin ve okunaklı bir estetik isteyen yapay zeka arayüzleri, sohbet arayüzleri veya ajan çalışma alanları oluşturan frontend geliştiricileri ve tasarımcılar için uygundur. Geleneksel kurumsal veya tamamen düz web tasarımı stili arayan ekosistemler için uygun değildir.
Temel özellikler
Solid Glass Estetiği
Ağır kırılma yerine netliğe ve kararlılığa vurgu yapan ölçülü bir bitiş sağlar.
Ajan Çalışma Alanı Bileşenleri
Kutudan çıktığı gibi durum glifleri, derleyici kutuları, fark görünümleri ve akıl yürütme ekranları içerir.
shadcn/ui Entegrasyonu
Tek bir CSS dosyası aracılığıyla data-slots'u hedefleyerek mevcut shadcn/ui bileşenleriyle doğrudan çalışır.
İnteraktif Create Sayfası
Özel CSS değişkenleri üretmek için kalınlık, ton, bulanıklık ve yarıçap gibi malzeme kadranlarını ayarlamanıza olanak tanır.
3 adımda hazır
Dürüst kararımız
Artıları
- Tek bir stil sayfası, mevcut shadcn/ui ve Tailwind kurulumlarıyla sorunsuz bir şekilde entegre olur
- Akan yapay zeka yanıtları ve ajan durumu geri bildirimi için özel olarak tasarlanmıştır
- Hızlı prototipleme için önceden oluşturulmuş ajan çalışma alanı blokları içerir
- Özel malzeme özelliklerini ayarlamak için interaktif bir Create sayfası sunar
Eksileri
- Uygulamak için mevcut bir React 19 ve Tailwind CSS 4 ortamı gerektirir
- Varsayılan renk değişkenlerinin üzerine yazar, bu da standart shadcn başlangıç şablonlarının manuel olarak temizlenmesini gerektirir
- Niş estetik stil, geleneksel yapay zeka dışı uygulama markalarına uymayabilir
Fiyatlar & lisans
Lisansı altında ücretsizdir; reposunda bahsedilen ücretli barındırılan bir seçenek bulunmamaktadır. Tek maliyet, uygulamanızı entegre etmek ve biçimlendirmek için harcayacağınız mühendislik süresidir.
Türkçe konuşanlar için işler
880 açık uzaktan yapay zeka eğitimi işi, 15 Kasım 2026 tarihinde güncellendi; çoğu saatlik $20–$175 ödüyor. Bunların 2 tanesi Türkçe konuşanlar için. Zekai ücretsiz listeler; başvuru işverenin platformunda yapılır.
Alternatifler
İncelenmiş bu AI araçları aynı işi anında yapar — puanlı dizinimizden.
Kullanın ya da biz kuralım
SSS
Solid Glass sıvı camdan nasıl farklıdır?
Sıvı cam neredeyse tamamen berraktır ve okuyucuların metin görünürlüğü için arka planla mücadele etmesini gerektirir. Solid Glass ise şeffaflığı bir taslakla sınırlandırarak yoğun metinler ve akan yapay zeka yanıtları için yüksek okunabilirlik sağlar.
Mevcut shadcn/ui bileşenlerimi değiştirmem gerekiyor mu?
Hayır. Stil sayfası, bileşenlerin yeniden yazılmasını gerektirmeden data-slot niteliklerini ve mevcut sınıfları kullanarak mevcut shadcn/ui bileşenlerinizin her parçasını bulur.
Cam malzeme özelliklerini özelleştirebilir miyim?
Evet. Dahili Create sayfası; kendi CSS değişkenlerinizi üretmek için kalınlık, ton, grafik rengi, tür, yarıçap, kenar ve bulanıklık ayarlarını yapmanıza olanak tanır.
