Open-Source-Projekt
Mein UI-Kit aus 2023
Open-Source-UI-Kit, das Sergei Solod 2023 noch vor dem KI-Boom entwickelt hat. Entdecken Sie praxiserprobte Frontend-Komponenten, lokalisierte Demos und das Projekt, das ich lange in echter Arbeit genutzt habe.
Vor dem KI-Boom gebaut und in echter Arbeit genutzt
Das ist keine generierte Showcase-Seite, sondern mein originales Frontend-Kit mit Formularen, Buttons, Modals, Tabellen, Charts, Kalendern, Navigation und Datei-Upload-Mustern, das ich lange genutzt habe, bevor ich es in JSVar als Open Source veröffentlicht habe.
Eingabefelder
Text-, Textfeld-, Telefon-, E-Mail- und Passwortfelder mit Validierung.
Knöpfe
Primäre, sekundäre, kompakte, deaktivierte und benutzerdefinierte Aktionen.
Auswahlfelder
Einfache und mehrfache Auswahl für einfache Werte und Objektarrays.
Laden
Blockierender Ladestatus für asynchrone Aktionen.
Akkordeon
Erweiterbarer Inhaltsblock mit einmaligem Öffnungsverhalten.
Nachrichten
Erfolgs- und Fehlermeldungen mit einer Bestätigungsaktion.
Modal
Bestätigungsdialog mit klaren Annahme- und Abbruchabläufen.
Paginierung
Bearbeitbare Seiteneingabe mit begrenzten vorherigen und nächsten Steuerelementen.
Schalter
Kompakte boolesche Steuerung für einfache Produkteinstellungen.
Popup-Panel
Popup-Panel für sekundäre Details und kontextbezogenes Lesen.
Sprachen
Demo zur Sprachauswahl, die auf den 21-Gebietsschema-Metadaten von JSVar basiert.
Tische
Grundlegende Tabellen, Zeilendetails und Dichte-Heatmaps.
Diagramme
Gestapelte, gruppierte, gemischte, Linien-, Flächen- und Kreisdiagramm-Demos.
Kalender
Lokalisierte Datumsauswahl für gepaarte Start- und Endwerte.
Dateiablage
Ziehen Sie das Dateiziel per Drag-and-Drop mit einer passenden Upload-Aktion.
Navigation
Modulinterne Abschnittsnavigation aus demselben Abschnittsmodell.
Stub
Schutzüberlagerung für unfertige oder ansichtsfensterbeschränkte Zustände.
Vitrine
Komponentenspielplatz
Verwenden Sie die Seitenleiste, um jede Komponentenfamilie zu durchsuchen und das portierte Verhalten zu testen.
Aktueller Abschnitt
01/17Eingabefelder
Text-, Textfeld-, Telefon-, E-Mail- und Passwortfelder mit Validierung.
Aktueller Abschnitt
Eingabefelder
Text-, Textfeld-, Telefon-, E-Mail- und Passwortfelder mit Validierung.
Zeichen: 0/1000
Standardfeld
Dieses Feld enthält einen ungültigen Wert.
Auf Unschärfe überprüft
Mit Domainvorschlägen
10+ Zeichen, gemischte Groß-/Kleinschreibung, Zahl, Symbol