Open-sourceproject

Mijn UI-kit uit 2023

Open-source UI-kit uit 2023, gebruikt in echte projecten. Bekijk gelokaliseerde demo's voor formulieren, knoppen, tabellen, grafieken, kalenders, navigatie en bestandsuploads.

17interactieve demo's
2023gemaakt in 2023
GitHubopen-source-repo

Gebouwd voor echt productwerk

Dit is de originele frontend-kit die ik in echte projecten gebruikte voordat ik hem naar JSVar verplaatste. Hij bevat formulieren, knoppen, modals, tabellen, grafieken, kalenders, navigatie en uploadpatronen.

Invoervelden

Tekst-, tekstgebied-, telefoon-, e-mail- en wachtwoordvelden met validatie.

Knoppen

Primaire, secundaire, compacte, uitgeschakelde en aangepaste acties.

Selectievelden

Enkele en meervoudige selectie voor gewone waarden en objectarrays.

Laden

Laadstatus blokkeren voor asynchrone acties.

Accordeon

Uitbreidbaar inhoudsblok met één-open-per-keer-gedrag.

Berichten

Succes- en foutmeldingen met een bevestigingsactie.

Modaal

Bevestigingsdialoog met duidelijke acceptatie- en annuleringsstromen.

Paginering

Bewerkbare pagina-invoer met begrensde vorige en volgende bedieningselementen.

Schakelaar

Compacte Booleaanse besturing voor eenvoudige productinstellingen.

Pop-uppaneel

Pop-uppaneel voor secundaire details en contextueel lezen.

Talen

Demo voor de taalkiezer gebouwd rond JSVar's metagegevens met 21 landinstellingen.

Tafels

Basistabellen, rijdetails en dichtheids-heatmaps.

Grafieken

Gestapelde, gegroepeerde, gemengde, lijn-, vlak- en cirkeldiagramdemo's.

Kalenders

Gelokaliseerde datumselectie voor gepaarde start- en eindwaarden.

Bestandsdrop

Bestandsdoel slepen en neerzetten met een bijpassende uploadactie.

Navigatie

Sectienavigatie in de module vanuit hetzelfde sectiemodel.

Stomp

Beschermende overlay voor onvoltooide of viewport-beperkte staten.

Etalage

Onderdeel speeltuin

Gebruik de zijbalk om door elke componentfamilie te bladeren en het geporteerde gedrag te testen.

Huidige sectie

01/17

Invoervelden

Tekst-, tekstgebied-, telefoon-, e-mail- en wachtwoordvelden met validatie.

NederlandsNL

Huidige sectie

Invoervelden

Tekst-, tekstgebied-, telefoon-, e-mail- en wachtwoordvelden met validatie.

Tekens: 0/1000

Standaard veld

Dit veld bevat een ongeldige waarde.

Gecontroleerd op onscherpte

Met domeinsuggesties

10+ tekens, gemengde hoofdletters, cijfers, symbool