Plass UI

À propos de ce projet

Plass UI est un seul langage de conception livré sous la forme de deux bibliothèques. Les mêmes cent vingt-sept composants, sous les mêmes noms et avec les mêmes chiffres, sont disponibles pour un projet React et pour une application Flutter, avec trois de plus côté React pour des problèmes propres au DOM : ce qui est appris d’un côté sert de l’autre, au lieu que deux systèmes divergent dès la troisième version.

Chaque surface répond à une seule question : est-ce que cela s’appuie, ou est-ce que cela contient quelque chose ? Ce qui s’appuie est du verre teinté — un dégradé qui tourne dans sa famille de couleur au lieu de s’assombrir, une ombre portée dans cette même couleur, et une lueur qui suit le pointeur. Ce qui contient quelque chose est du verre clair : translucide, profondément flouté, cerné d’un trait blanc très fin, et jamais teinté. Rien n’est biseauté et rien ne bouge quand on appuie, car la profondeur est portée par la lumière, la couleur et le flou. Chaque arrêt de dégradé a été mesuré contre son propre libellé, si bien que le coin le plus clair atteint encore le contraste nécessaire à la lecture.

Cinq propriétés — size, color, variant, density et elevation — portent toute l’API, et le mode sombre suit la plateforme des deux côtés. Le paquet React est en ESM, se prête au tree shaking et a deux dépendances d’exécution, dont la seconde, highlight.js, n’est téléchargée que lorsqu’un bloc de code a vraiment quelque chose à colorer ; le paquet Flutter n’en a aucune, ni ressources, ni greffons, ni fournisseur. La seule chose qu’aucun des deux ne peut faire à votre place, c’est peindre la page derrière le verre — et deux jetons existent précisément pour cela.

Fonctionnalités

• Site de documentation

• Types TypeScript

• Plusieurs langues

• Vérifié par des tests

• Multiplateforme

• Accessible par construction

• Mode sombre

• Compatible tree shaking