Material Plus

À propos de ce projet

Material Plus est une bibliothèque de composants React qui met en œuvre Material Design 3 directement plutôt que d’envelopper une implémentation existante : ses rôles de couleur, son échelle typographique et ses formes sont donc ceux que nomme la spécification. Ce qu’elle ajoute, c’est la pile de composants qu’un projet Material finit de toute façon par écrire — le champ qui gère correctement la composition des méthodes de saisie asiatiques, l’enveloppe d’icônes qui s’accorde avec votre propre jeu — extraits, documentés et testés.

Le thème tient en une ligne : on fixe une couleur source et tous les rôles de couleur suivent, comme Material génère un schéma à partir d’une couleur. Rien dans la bibliothèque n’agit au niveau de la page — pas de réinitialisation, pas de fournisseur, pas de style global — et elle lit les jetons du système Material que la page porte déjà. Un projet qui utilise déjà Material garde sa configuration et gagne les composants qui lui manquaient. La composition en coréen, en japonais et en chinois survit à tout ce que le gestionnaire de changement fait de la valeur : c’est le défaut que la plupart des champs Material traînent en silence.

Le paquet est ESM uniquement, avec déclarations TypeScript, et se prête vraiment au tree shaking : un composant pèse quelques kilo-octets contre soixante-quatre pour les quatre-vingt-quatorze, et la feuille de style se découpe de la même façon. Il fonctionne dans un composant serveur Next.js sans rien configurer, se résout dans tous les principaux empaqueteurs, et reçoit les traductions comme un module remis une seule fois au démarrage.

Fonctionnalités

• Site de documentation

• Types TypeScript

• Plusieurs langues

• Vérifié par des tests

• Accessible par construction

• Mode sombre

• Compatible tree shaking