Vaadin Design System
système de design open-source pour des applications web d'entreprise cohérentes et accessibles avec des composants web
Aperçu du Produit
Vaadin Design System est le système de design open-source officiel de Vaadin pour créer des applications web d'entreprise modernes, cohérentes et accessibles à l'aide de composants web (basés sur Hilla/Lit). Il fournit des composants UI, motifs, directives et outils réutilisables axés sur les applications métier comme les tableaux de bord et l'administration.
Idéal pour
Équipes créant des produits numériques évolutifs et cohérents
Fonctionnalités Clés
- Bibliothèque de composants : composants web réutilisables comme boutons, grilles, graphiques, formulaires, sélecteurs de date et layouts avec variantes pour thèmes (clair/sombre/Lumo)
- Jetons de design : couleurs sémantiques, typographie, espacement, ombres et mouvement pour faciliter le thème
- Accessibilité : conformité WCAG 2.1 AA avec support ARIA et navigation clavier
- Outils : kit Figma pour prototypage ; composants Vaadin pour l'implémentation ; Éditeur de Thèmes pour la personnalisation
Avantages
- +Open source
- +Génération de palettes de couleurs
- +Vérification de contraste d'accessibilité
- +Capacités d'animation fluide
Inconvénients
- -L'adoption nécessite un alignement d'équipe
- -La personnalisation peut être complexe
/// SPÉCIFICATIONS
- Tarif :Free
- Plateforme :Browser
Zeroheight
Plateforme de documentation de design system
Specify
Outil de synchronisation d'actifs de design
U.S. Web Design System
Système de Design Web américain : cadre officiel du gouvernement pour des services numériques publics cohérents et accessibles
UNDP Design System
système de design open-source du PNUD pour des interfaces de développement global cohérentes et accessibles
VKUI
bibliothèque React open-source de VK pour des interfaces cohérentes et accessibles dans les apps et services VK
VTEX Design System
système de design open-source de VTEX pour des interfaces e-commerce cohérentes et accessibles
Watt Design System
kit UI Figma de Holaluz pour des interfaces d'énergie renouvelable cohérentes et accessibles
SmartHR UI
bibliothèque de composants React open-source pour des interfaces RH cohérentes et accessibles
Vibe Design System
système de design open-source de monday.com pour des interfaces de gestion de travail cohérentes et accessibles
A2UI
protocole open-source permettant aux agents IA de générer des UI déclaratives et sécurisées sur toutes les plateformes