Neumorphism
Weiche UI, die WCAG AA besteht: eine Platte aus theatergrünem Silikon, eine Lampe und eine Relief-Engine, die jeden Schatten, jede Mulde und jede berechnete Schriftfarbe aus einem Lichtwinkel ableitet, sodass die ganze UI neu ausgeleuchtet wird, wenn du die Lampe bewegst.
Gebaut für: Gesundheit, Zuhause, Hardware und alle, deren weiche UI ein Accessibility-Audit nicht bestanden hat
Seiten
Neumorphism Komponenten, WebEine 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
Fourhourly Dashboard, WebEine 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 Dashboard, WebEin 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
Fourfive Landingpage, WebEin 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 Landingpage, WebEine 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
Wellday Mobile-App, MobileEine 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
Das steckt drin
- 6 Seiten, jede eine Datei, ohne Props
- 10 eigene Komponenten, für dieses Kit geschrieben
- 1 Engines hinter dem typischen Verhalten
- Schriften mit ihren OFL-Lizenzen: Nm Display, Nm Text
- README mit Installationsschritten für Next.js und Tailwind v4 und den Lizenzbedingungen
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