Projet open source
Mon UI kit de 2023
UI kit open source créé par Sergei Solod en 2023, avant le boom de l'IA. Découvrez des composants frontend éprouvés en conditions réelles, des démos localisées et le projet que j'ai utilisé longtemps dans mon travail.
Créé avant le boom de l'IA et utilisé en production
Ce n'est pas une vitrine générée. C'est mon kit frontend original avec formulaires, boutons, modales, tableaux, graphiques, calendriers, navigation et patterns d'upload, que j'ai utilisé longtemps avant de le publier en open source dans JSVar.
Champs de saisie
Champs texte, zone de texte, téléphone, e-mail et mot de passe avec validation.
Boutons
Actions principales, secondaires, compactes, désactivées et personnalisées.
Champs de sélection
Sélection simple et multiple pour les valeurs simples et les tableaux d'objets.
Chargement
Blocage de l’état de chargement pour les actions asynchrones.
Accordéon
Bloc de contenu extensible avec un comportement d'ouverture à la fois.
Messages
Messages de réussite et d'erreur avec une action de confirmation.
Modal
Boîte de dialogue de confirmation avec des flux clairs d'acceptation et d'annulation.
Pagination
Entrée de page modifiable avec des contrôles précédents et suivants délimités.
Interrupteur
Contrôle booléen compact pour des paramètres de produit simples.
Panneau contextuel
Panneau contextuel pour les détails secondaires et la lecture contextuelle.
Langues
Démo du sélecteur de langue construite autour des métadonnées à 21 paramètres régionaux de JSVar.
Tableaux
Tableaux de base, détails des lignes et cartes thermiques de densité.
Graphiques
Démonstrations de graphiques empilés, groupés, mixtes, linéaires, aires et circulaires.
Calendriers
Sélection de date localisée pour les valeurs de début et de fin appariées.
Déposer un fichier
Cible du fichier glisser-déposer avec une action de téléchargement correspondante.
Navigation
Navigation dans les sections du module à partir du même modèle de section.
Talon
Superposition de protection pour les états inachevés ou limités à la fenêtre d'affichage.
Vitrine
Aire de jeux composant
Utilisez la barre latérale pour parcourir chaque famille de composants et tester le comportement porté.
Rubrique actuelle
01/17Champs de saisie
Champs texte, zone de texte, téléphone, e-mail et mot de passe avec validation.
Rubrique actuelle
Champs de saisie
Champs texte, zone de texte, téléphone, e-mail et mot de passe avec validation.
Caractères: 0/1000
Champ standard
Ce champ contient une valeur non valide.
Vérifié le flou
Avec des suggestions de domaines
Plus de 10 caractères, casse mixte, chiffre, symbole