Tray
The whole page is one mobile flow: a button is a folded tray, and each section rises as a sheet out of the control that opened it.
Built for: Mobile app founders, fintech and consumer subscription apps
Pages
Farthing Landing page, MobileA headline that runs through the phone and reads its balance, and a Send button that is the next section folded: scroll or tap and it unfolds past the bezel
Dibs Landing page, MobileA headline generated from the cart and the kitchen's prep times, plates thrown into a pill that reshapes into the cart, and the cart changing height into tracking
Wick Landing page, MobileA house in section where the height of a tray on the phone is the brightness of the room: every colour on the page, text included, is computed from that number
Unclench Landing page, MobileA real 90-second session as a tower of trays, each as tall as its stretch is long: time drains the tower, the H1 is the instruction, and the cancel flow on the page counts its own taps
What's inside
- 4 pages, one file each, no props
- 3 components of its own, written for this kit
- 7 engines behind the signature behaviour
- Fonts with their OFL licenses: Tr Display, Tr Text
- A React Native engine for Expo
- README with install steps for Next.js and Tailwind v4, and the license terms
How to buy
All kits are in goodui Pro: $99 once, with lifetime updates. Team is $249 for up to 10 developers.
Checkout isn't open yet. Join the list and we send you the early-bird link once.
With a license key, from your terminal:
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-tray.zip https://goodui.dev/kits/tray.zip