Projekt open source
Mój UI kit z 2023 roku
Open source UI kit stworzony przez Sergei Solod w 2023 roku, jeszcze przed boomem AI. Zobacz sprawdzone w realnej pracy komponenty frontendowe, zlokalizowane dema i projekt, którego długo używałem.
Powstał przed boomem AI i był długo używany w pracy
To nie jest wygenerowany showcase. To mój oryginalny frontend kit z formularzami, przyciskami, modalami, tabelami, wykresami, kalendarzami, nawigacją i uploadem plików, którego długo używałem, zanim otworzyłem kod w JSVar.
Pola wejściowe
Pola tekstowe, pole tekstowe, telefon, adres e-mail i hasło z walidacją.
Guziki
Akcje podstawowe, dodatkowe, kompaktowe, wyłączone i o niestandardowym stylu.
Pola wyboru
Wybór pojedynczy i wielokrotny dla zwykłych wartości i tablic obiektów.
Ładowanie
Blokowanie stanu ładowania dla akcji asynchronicznych.
Akordeon
Rozszerzalny blok treści z możliwością otwierania pojedynczo.
Wiadomości
Komunikaty o powodzeniu i błędach z czynnością potwierdzającą.
Modalne
Okno dialogowe potwierdzenia z przejrzystymi procesami akceptacji i anulowania.
Paginacja
Edytowalne wejście strony z ograniczonymi kontrolkami poprzedniego i następnego.
Przełącznik
Kompaktowe sterowanie logiczne dla prostych ustawień produktu.
Wyskakujący panel
Wyskakujący panel z dodatkowymi szczegółami i czytaniem kontekstowym.
Języki
Demo wyboru języka zbudowane na podstawie metadanych JSVar obejmujących 21 ustawień regionalnych.
Stoły
Podstawowe tabele, szczegóły wierszy i mapy cieplne gęstości.
Wykresy
Pokazy skumulowane, pogrupowane, mieszane, liniowe, warstwowe i kołowe.
Kalendarze
Zlokalizowany wybór daty dla sparowanych wartości początkowych i końcowych.
Upuszczanie plików
Przeciągnij i upuść docelowy plik z pasującą akcją przesyłania.
Nawigacja
Nawigacja po sekcjach w module z tego samego modelu sekcji.
Odgałęzienie
Nakładka ochronna dla stanów niedokończonych lub ograniczonych do rzutni.
Prezentacja
Komponentowy plac zabaw
Użyj paska bocznego, aby przeglądać każdą rodzinę komponentów i testować przeniesione zachowanie.
Bieżąca sekcja
01/17Pola wejściowe
Pola tekstowe, pole tekstowe, telefon, adres e-mail i hasło z walidacją.
Bieżąca sekcja
Pola wejściowe
Pola tekstowe, pole tekstowe, telefon, adres e-mail i hasło z walidacją.
Znaki: 0/1000
Pole standardowe
To pole zawiera nieprawidłową wartość.
Sprawdzone pod kątem rozmycia
Z sugestiami domen
Ponad 10 znaków, różne wielkości liter, cyfra, symbol