czay.dev
Goodies
BlogKariyer
Proje konuşalım

29 Ekim Cumhuriyet Bayramı·Cumhuriyetimizin 103. yılı kutlu olsun.

Detaylar
czay.dev

Deneyden ürüne. Forge yazılım döker, Catalyst yazılımcı yetiştirir, Elements ikisinden doğanları rafa dizer.

[email protected]
Forge

Yazılım stüdyosu

  • Web geliştirme
  • Özel sistemler
  • Entegrasyon & otomasyon
  • Mobil uygulama
  • Bakım & destek
  • AI Automation
Catalyst

Kurumsal eğitim

  • Baştan Sona HTML
  • Baştan Sona CSS
  • JavaScript Temelleri
  • JavaScript Orta Seviye
  • JavaScript İleri Seviye
  • Baştan Sona React
Elements

Ürünler

  • Öğrenci Paneli
  • zay-ui
  • Better Payment
  • zaystatic

Site

czay.dev

  • Blog
  • Kariyer
  • İletişim
  • Goodies
  • Kaynaklar
  • Yol Haritaları
  • Geri bildirim

© 2026 Furkan Özay. Tüm hakları saklıdır.

  • Kullanım Koşulları
  • Gizlilik
  • Çerezler
Elements

zay-ui

Base UI üzerinde erişilebilir React bileşenleri ve hazır bloklar. Tek bir CSS değişkeniyle yeniden renklendirilir; Tailwind CSS v4 ile ya da onsuz çalışır.

Canlı projeyi görGitHub'da yıldız verGitHub stars: 0Kaynak kod
elements.czaylabs.com
Ana sayfa — Tek bir renk değişkeniyle yeniden boyanan bileşenler, kurulum komutu ve örnek kartlar.
Yıl
2026
Kategori
Library
Teknoloji
7
Durum
Geliştiriliyor

Etki

Etki

Bileşen
47
Blok
18
Lisans
MIT
01

Proje hakkında

Çoğu arayüz kütüphanesi ya ağır bir tasarım diliyle geliyor ya da erişilebilirliği sana bırakıyor. zay-ui bu ikisinin arasını tutmak için yazıldı: davranış ve erişilebilirlik Base UI'dan geliyor (odak yönetimi, klavye, ARIA), görünüm ise nötr yüzeyler, ince çizgiler ve tek bir vurgu rengi etrafında kurulu. Vurguyu `--hue` değişkeniyle değiştirince tüm kit, açık ve koyu temada birlikte yeniden renkleniyor. 47 bileşenin yanında 18 hazır blok var: açılış sayfası, panel, ayarlar, giriş ve 404 gibi tam sayfalar ile hero, fiyatlandırma, SSS ve altbilgi gibi bölümler. Bu sitenin kendisi de zay-ui ile çalışıyor. Paket şu an alpha: API değişebilir.

02

Rolüm

Kütüphanenin tasarım dilini, bileşenlerini, bloklarını ve dokümantasyon sitesini ben yazıyorum; npm'e yayınlayan ve bakımını yapan benim.

03

Öne çıkan özellikler

  • Base UI üzerinde 47 bileşen: form, katman, gezinme ve veri gösterimi
  • 18 hazır blok: açılış sayfası, panel, ayarlar, giriş, fiyatlandırma, SSS ve daha fazlası
  • Tek `--hue` değişkeniyle yeniden renklendirme, açık ve koyu tema
  • Tailwind CSS v4 ile ya da onsuz çalışır; stiller CSS katmanlarında, kendi CSS'in her zaman kazanır
  • Canlı önizlemeli, kopyalanabilir kodlu ve API tablolu dokümantasyon sitesi

Topluluk

Proje açık kaynak olarak yayınlandıktan sonra topluluktan katkılar geldi. Liste GitHub'dan canlı geliyor.

1 katkıcı · 12 katkı

Katkıcılar

  • @czaydev12 katkı
GitHub'da katkıcılar

Bu sayfada

  • Hikâye
  • Rol
  • Öne çıkanlar
  • Topluluk
  • Teknoloji

Teknoloji yığını

Dil

  • TypeScript
  • React 19

Temel

  • Base UI
  • CSS katmanları
  • OKLCH renk

Dokümantasyon

  • Next.js (statik dışa aktarım)
  • GitHub Pages

Etiketler

  • React
  • TypeScript
  • Base UI
  • Tailwind CSS
  • Next.js
Benzer işBirlikte çalışmak ister misin?

Sıradaki iş

Better Payment

Türkiye'deki ödeme altyapıları ve bankaların sanal poslarını tek bir API altında toplayan unified payment gateway kütüphanesi.

Projeyi incele

Diğer işler

Tümü
  • Product2026Öğrenci PaneliEğitmenler ve kurumlar için kapalı öğrenci platformu. Müfredat, ödev, yoklama, canlı ders ve ilerleme takibi tek panelde; dışarıya kayıt yok, öğrenciyi eğitmen ekler.Yayında
  • Library2026zaystaticNext.js için Git tabanlı içerik paneli. İçerik deponda düz dosya olarak kalır; editörler panelden değiştirir, zaystatic doğrudan dalına commit eder. Veritabanı ve barındırılan servis yok.Geliştiriliyor

Birlikte çalışalım

Kapsamı yazılı konuşalım.

Önce ihtiyacı dinliyorum; işin bana uygun olmadığını düşünürsem ilk görüşmede söylüyorum.

Proje konuşalımTanışma görüşmesi planla