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 neunundsiebzig Komponenten, unter denselben Namen und mit denselben Zahlen, stehen einem React-Projekt und einer Flutter-App zur Verfügung. 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 eine Laufzeitabhängigkeit; 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