Açık kaynak proje

2023'te yaptığım UI kiti

Sergei Solod tarafından 2023'te, yapay zeka patlamasından önce oluşturulan açık kaynak UI kiti. Uzun süre gerçek işlerde kullandığım projeyi, üretimde sınanmış frontend bileşenlerini ve yerelleştirilmiş demoları keşfedin.

17etkileşimli demo
20232023'te üretildi
GitHubaçık kaynak repo

Yapay zeka patlamasından önce üretildi, gerçek işte kullanıldı

Bu sayfa üretilmiş bir vitrin değil. Formlar, butonlar, modallar, tablolar, grafikler, takvimler, gezinme ve dosya yükleme kalıpları içeren; uzun süre gerçek projelerde kullandıktan sonra JSVar içinde open source yaptığım özgün frontend kitim.

Girdi alanları

Doğrulamalı metin, textarea, telefon, e-posta ve şifre alanları.

Düğmeler

Birincil, ikincil, kompakt, devre dışı bırakılmış ve özel stildeki eylemler.

Seçim alanları

Düz değerler ve nesne dizileri için tekli ve çoklu seçim.

Yükleniyor

Eşzamansız eylemler için yükleme durumu engelleniyor.

Akordeon

Her seferinde bir kez açılma davranışına sahip genişletilebilir içerik bloğu.

Mesajlar

Onay eylemiyle birlikte başarı ve hata mesajları.

Modal

Anlaşılır kabul etme ve iptal etme akışlarına sahip onay iletişim kutusu.

Sayfalandırma

Sınırlandırılmış önceki ve sonraki kontrollerle düzenlenebilir sayfa girişi.

Anahtar

Basit ürün ayarları için kompakt boole kontrolü.

Açılır panel

İkincil ayrıntılar ve bağlamsal okuma için açılır panel.

Diller

JSVar'ın 21 yerel meta verisi temel alınarak oluşturulmuş dil seçici demosu.

Tablolar

Temel tablolar, satır ayrıntıları ve yoğunluk ısı haritaları.

Grafikler

Yığılmış, gruplandırılmış, karışık, çizgi, alan ve pasta grafiği demoları.

Takvimler

Eşleştirilmiş başlangıç ve bitiş değerleri için yerelleştirilmiş tarih seçimi.

Dosya bırakma

Eşleşen bir yükleme eylemiyle dosya hedefini sürükleyip bırakın.

Navigasyon

Aynı bölüm modelinden modül içi bölüm navigasyonu.

Saplama

Tamamlanmamış veya görünüm sınırlı durumlar için koruyucu kaplama.

Vitrin

Bileşen oyun alanı

Her bileşen ailesine göz atmak ve taşınan davranışı test etmek için kenar çubuğunu kullanın.

Mevcut bölüm

01/17

Girdi alanları

Doğrulamalı metin, textarea, telefon, e-posta ve şifre alanları.

TürkçeTR

Mevcut bölüm

Girdi alanları

Doğrulamalı metin, textarea, telefon, e-posta ve şifre alanları.

Karakter: 0/1000

Standart alan

Bu alan geçersiz bir değer içeriyor.

Bulanıklık kontrol edildi

Alan önerileriyle

10+ karakter, karışık büyük/küçük harf, sayı, sembol