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

  • Wellday

    Eine Pillenbox aus sieben mal vier drückbaren Mulden, das Handy sitzt im Fach: Nimm eine Dosis in einem von beiden und das andere stimmt zu, und der H1 ist die nächste Dosis

  • Wellday: Medication tracker in soft UI that passes WCAG AAWellday

    Medication tracker in soft UI that passes WCAG AA

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.

Der Checkout öffnet bald. Wir schreiben dir genau einmal, mit deinem Early-Bird-Link.

Pläne vergleichen

In goodui Pro enthalten. Füg deinen Lizenzschlüssel ein; er bleibt in diesem Browser.

Noch keine Lizenz? Preise ansehen

Mit einem Lizenzschlüssel, aus deinem Terminal:

curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-neumorph.zip https://goodui.dev/kits/neumorph.zip