UIKit Pro — 40+ Hazır HTML/CSS/JS Bileşeni + Figma Plugin

Ne Alıyorsunuz?

40+ UI bileşeni tek pakette:

• Butonlar — 5 varyant (Primary, Secondary, Ghost, Danger, Success), 4 boyut (XS / SM / MD / LG)
• Input & Form — Normal, hata, başarı durumları; select, checkbox, radio, toggle/switch
• Badge & Chip — 5 renk, kaldırılabilir chip
• Alert — Success, warning, danger, info
• Kartlar — Ürün, blog, profil, istatistik kartları
• Modal & Dialog — Form, confirm, lightbox varyantları
• Toast / Snackbar — 4 tip, otomatik kapanma, pozisyon seçimi
• Dropdown Menü — Click tetiklemeli, ayraç ve tehlikeli item desteği
• Tabs — Underline varyantı, klavye erişilebilir
• Accordion / SSS — Animasyonlu aç/kapa
• Progress Bar — Primary, warning, danger, success renkleri
• Skeleton Loader — Shimmer animasyonlu yükleme iskeletleri
• Avatar & Grup — 4 boyut, online göstergesi, grup görünümü
• Tooltip — 4 yön (üst, alt, sol, sağ)
• Breadcrumb — SEO dostu, özelleştirilebilir ayraç
• Pagination — Ellipsis destekli
• Tablo — Hover satır, responsive sarmalayıcı
• Stat Kartları — KPI değeri, değişim göstergesi, icon
• Figma Dosyası — Tüm bileşenlerin Figma karşılığı, auto layout, variant properties, dev mode hazır

Neden UIKit Pro?

Sıfırdan başlamayın. Her projede aynı buton, input, modal'ı yeniden yazmak yerine — bir kez satın alın, her projede kullanın.

⚡ Plug & Play

CSS'i dahil edin, HTML'i kopyalayın, çalışır. Webpack, npm, build süreci yok.

🎨 Figma Pakete Dahil

Ayrı paket yok, ek ücret yok. Her bileşenin Figma karşılığı mevcut — tasarım handoff'u anında halledin.

📱 Tam Responsive

Mobil öncelikli tasarım. Her bileşen her ekran boyutunda test edilmiştir.

♿ Erişilebilir (A11y)

ARIA etiketleri, klavye navigasyonu, focus yönetimi — standartlara uygun.

🌙 Dark Mode Hazır

CSS custom properties tabanlı tema sistemi. data-theme="dark" ile bir satırda aktif.

🔧 Kolay Özelleştirme

Tüm renkler, boyutlar, border-radius değerleri CSS variables ile tanımlı — tek yerden değiştirin, her şey güncellenir.

Teknik Detaylar

• Dil: Saf HTML5 + CSS3 + Vanilla JavaScript
• Bağımlılık: Sıfır — hiçbir kütüphane gerekmez
• Font: Inter (Google Fonts CDN, isteğe bağlı)
• Tarayıcı Desteği: Chrome, Firefox, Safari, Edge (son 2 sürüm)
• Lisans: MIT — ticari projelerde, müşteri projelerinde, SaaS ürünlerinde serbestçe kullanabilirsiniz

Kimler İçin?

• Hızlı prototip çıkarmak isteyen freelancer'lar
• Her projede UI'yı sıfırdan yazmaktan bıkan web geliştiriciler
• Handoff sürecini kısaltmak isteyen tasarımcılar
• React/Vue/Angular kullanmayan, vanilla stack tercih eden ekipler

Lisans

MIT lisansı ile sunulmaktadır. Satın aldıktan sonra:

• ✅ Sınırsız kişisel projede kullanabilirsiniz
• ✅ Ticari projelerde ve müşteri işlerinde kullanabilirsiniz
• ✅ SaaS ve dijital ürünlere entegre edebilirsiniz
• ✅ Kodu değiştirip özelleştirebilirsiniz
• ❌ Paketi olduğu gibi yeniden satamazsınız