Modern Dashboard UI Kiti, dark/light mode, sidebar menü, canlı saat, bildirim sistemi ve chart entegrasyonu içeren hazır bir yönetim paneli arayüzüdür. Sıfırdan kod yazmadan profesyonel bir dashboard oluşturabilirsiniz.

Bu kit, web geliştiriciler, freelancer'lar, startup'lar ve ajanslar için ideal bir çözümdür. Vanilla JS ile yazılmış olup herhangi bir framework gerektirmez. Tüm cihazlarda mükemmel görünüm sunar.

Kurulumu sadece 5 dakika sürer. Dosyaları indirin, açın ve kullanmaya başlayın. Tüm ayarlar localStorage ile hatırlanır, böylece kullanıcı tercihleri kaybolmaz.


Sürüm : 2.0.0
Dosya Boyutu : 45 KB (Sıkıştırılmış)
Güncelleme Tarihi : 29 Temmuz 2026
Kategori : JavaScript / Web Arayüz
Dil : JavaScript ES6+, CSS3, HTML5
Tarayıcı Desteği : Chrome 90+, Firefox 88+, Safari 14+, Edge 90+
Kurulum Süresi : 5 dakika


✅ Vanilla JS - Framework yok, saf JavaScript
✅ LocalStorage - Tema ve sidebar durumunu hatırlama
✅ Erişilebilirlik - Semantic HTML, klavye kısayolları (Alt+T, Alt+S)
✅ Modüler Yapı - Kolay bakım ve geliştirme
✅ Güvenli - XSS ve CSRF koruması hazır
✅ Performans - Optimize edilmiş kod, hızlı yükleme
✅ Lisanssız - Ömür boyu kullanım, herhangi bir kısıtlama yok
✅ Dashboard İstatistikleri - Animasyonlu sayılar, yüzdelik değişim göstergeleri
✅ Grafikler - ApexCharts ile etkileşimli grafikler (Satış, Kategori)
✅ Veri Tablosu - Profil resimli kullanıcı listesi, durum badge'leri
✅ Bildirim Sistemi - 4 farklı tip (success, error, warning, info)
✅ Canlı Saat - Gerçek zamanlı güncellenen dijital saat
✅ Sidebar Menü - Daraltılabilir, aktif sayfa vurgulama, badge desteği
✅ Kullanıcı Profili - Avatar, isim ve dropdown menü
✅ Badge'ler - Başarılı, Uyarı, Hata, Bilgi renkleri
✅ Dark/Light Mode - Tek tıkla tema değiştirme, sistem tercihini algılama
✅ Responsive Tasarım - Mobil, tablet ve masaüstü için optimize edilmiş
✅ CSS Değişkenleri - Kolay özelleştirme için renk, boyut ve font değişkenleri
✅ Smooth Animasyonlar - CSS ve JavaScript ile akıcı geçişler
✅ Modern UI - Temiz, minimal ve kullanıcı odaklı tasarım