Neumorphismus UI Kit
Neumorphismus presst die Oberfläche aus einer einzigen Farbe: Bedienelemente heben sich vom Grund ab oder sinken hinein, gezeichnet von einem hellen und einem dunklen Schatten. Die bekannte Schwäche ist der Kontrast. Deshalb tragen hier Tiefe und eine echte Akzentfarbe die Zustände, und Beschriftungen bleiben bei 4.5:1.
Bilder und Aufnahmen des echten Kits. Der kostenpflichtige Code läuft nicht auf dieser Website.
Komponenten
- Neumorphism
Eine Werkbank mit Lampenregler und Live-AA-Audit: Beweg die Lampe und jeder Schatten auf der Seite folgt, tausch die Platte und die Schriftfarben werden neu berechnet, schalte Schatten aus und jeder Zustand bleibt lesbar
Dashboard-Kit
- Fourhourly
Eine Stationstafel, auf der jede Bett-Taste so weit von der Platte absteht wie ihr echtes NEWS2-Band: Gib einen Satz Werte ein, die Rechnung schreibt den H1 neu, und dieselbe Tatsache steht als Zahl, als Wort und als Form da
- Sill
Ein in die Platte geformter Grundriss mit der echten Sonne als UI-Lampe: Scrubbe durch den Tag und jeder Schatten auf der Seite dreht sich, Sonnenlicht wandert durch jedes Stockwerk, ein Wärmeprofil schreibt den H1 und das Theme wird bei Sonnenuntergang dunkel
Mobile-Kit
Landingpages
- Fourfive
Ein Kontrastprüfer, dessen H1 das gemessene Verhältnis dieser Seite ist: Streich die Seite wie eine Neumorphism-Vorlage an und sie fällt wirklich durch, bei 2.28:1, dann löse die Schriftfarben und sieh zu, wie die Prüfungen grün werden
- Sixkey
Eine Silikon-Fernbedienung mit sechs Tasten, die wirklich einsinken und den H1 schreiben, ein Schnitt durch eine Taste, angetrieben von einer echten Kraftkurve, und eine Farbwahl, die die ganze Seite neu berechnet
So kaufst du
Alle Kits sind in goodui Pro enthalten: einmalig $99, mit lebenslangen Updates. Team kostet $249 für bis zu 10 Entwickler.
Der Checkout ist noch nicht offen. Trag dich in die Liste ein, dann schicken wir dir einmal den Early-Bird-Link.
Mit einem Lizenzschlüssel, aus deinem Terminal:
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-neumorph.zip https://goodui.dev/kits/neumorph.zip