Plass UI
Eine Designsprache aus Glas und Verlauf, ausgeliefert als React-Bibliothek und als Flutter-Paket unter denselben Komponentennamen. Was man drückt, ist getönt; was Inhalt trägt, ist klar.
Über dieses Projekt
Plass UI ist eine Designsprache, ausgeliefert als zwei Bibliotheken. Dieselben hundertsiebenundzwanzig Komponenten, unter denselben Namen und mit denselben Zahlen, stehen einem React-Projekt und einer Flutter-App zur Verfügung, dazu drei weitere auf der React-Seite für Probleme, die nur das DOM kennt. Was auf der einen Seite gelernt wird, wird auf der anderen benutzt, statt dass zwei Systeme bis zur dritten Veröffentlichung auseinanderlaufen.
Jede Fläche beantwortet eine einzige Frage: Wird sie gedrückt, oder hält sie etwas. Was gedrückt wird, ist getöntes Glas — ein Verlauf, der sich durch seine Farbfamilie dreht, statt nachzudunkeln, ein Schatten in genau dieser Farbe und ein Lichtschimmer, der dem Zeiger folgt. Was etwas hält, ist klares Glas: durchscheinend, tief weichgezeichnet, mit einer weißen Haarlinie gefasst und nie eingefärbt. Nichts ist abgeschrägt, nichts bewegt sich beim Drücken, denn die Tiefe tragen Licht, Farbe und Unschärfe. Jeder Verlaufspunkt wurde gegen seine eigene Beschriftung gemessen, sodass auch die hellste Ecke noch den Kontrast erreicht, den ein Leser braucht.
Fünf Eigenschaften — size, color, variant, density und elevation — tragen die gesamte API, und der Dunkelmodus folgt auf beiden Seiten der Plattform. Das React-Paket ist ESM, tree-shakebar und hat zwei Laufzeitabhängigkeiten, von denen die zweite, highlight.js, erst heruntergeladen wird, wenn ein Codeblock tatsächlich etwas hervorhebt; das Flutter-Paket hat gar keine, keine Assets, keine Plugins, keinen Provider. Das eine, was keines der beiden für Sie tun kann, ist die Seite hinter dem Glas zu füllen — und genau dafür gibt es zwei Token.
Funktionen
Dokumentationsseite
TypeScript-Typen
Mehrsprachig
Durch Tests geprüft
Plattformübergreifend
Barrierefrei gebaut
Dunkelmodus
Tree-shakebar