Tray

Die ganze Seite ist ein mobiler Ablauf: Ein Button ist ein gefaltetes Tray, und jeder Abschnitt steigt als Sheet aus dem Bedienelement auf, das ihn geöffnet hat.

Gebaut für: Gründer von Mobile-Apps, Fintech und Abo-Apps für Endkunden

Aufnahme von Farthing, 16 s. Der kostenpflichtige Code läuft nicht auf dieser Website.

Seiten

  1. Farthing Landingpage, MobileEine Headline, die durch das Handy läuft und seinen Kontostand liest, und ein Send-Button, der der zusammengefaltete nächste Abschnitt ist: Scrolle oder tippe, und er entfaltet sich über den Rahmen hinaus
  2. Dibs Landingpage, MobileEine Headline aus dem Warenkorb und den Zubereitungszeiten der Küche, Teller, die in eine Pille fliegen, die sich zum Warenkorb formt, und ein Warenkorb, der seine Höhe ändert und zum Tracking wird
  3. Wick Landingpage, MobileEin Haus im Schnitt, in dem die Höhe eines Trays auf dem Handy die Helligkeit des Raums ist: Jede Farbe auf der Seite, auch im Text, wird aus dieser Zahl berechnet
  4. Unclench Landingpage, MobileEine echte 90-Sekunden-Session als Turm aus Trays, jedes so hoch, wie seine Dehnung dauert: Die Zeit lässt den Turm schrumpfen, die H1 ist die Anweisung, und der Kündigungsablauf auf der Seite zählt seine eigenen Taps

Das steckt drin

  • 4 Seiten, jede eine Datei, ohne Props
  • 3 eigene Komponenten, für dieses Kit geschrieben
  • 7 Engines hinter dem typischen Verhalten
  • Schriften mit ihren OFL-Lizenzen: Tr Display, Tr Text
  • Eine React-Native-Engine für Expo
  • 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.

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-tray.zip https://goodui.dev/kits/tray.zip