Tray
A página inteira é um único fluxo mobile: um botão é uma bandeja dobrada e cada seção sobe como um painel a partir do controle que a abriu.
Feito para: Fundadores de apps mobile, fintech e apps de assinatura para consumidores
Páginas
Farthing Landing page, MobileUm título que atravessa o celular e lê o saldo, e um botão Send que é a próxima seção dobrada: role ou toque e ela se abre para além da moldura
Dibs Landing page, MobileUm título gerado a partir do carrinho e dos tempos de preparo da cozinha, pratos jogados em uma pílula que se transforma no carrinho, e o carrinho mudando de altura até virar o rastreamento
Wick Landing page, MobileUma casa em corte onde a altura de uma bandeja no celular é o brilho do cômodo: cada cor da página, incluindo o texto, é calculada a partir desse número
Unclench Landing page, MobileUma sessão real de 90 segundos como torre de bandejas, cada uma tão alta quanto dura o alongamento: o tempo esvazia a torre, o H1 é a instrução e o fluxo de cancelamento na página conta os próprios toques
O que vem dentro
- 4 páginas, um arquivo cada, sem props
- 3 componentes próprios, escritos para este kit
- 7 motores por trás do comportamento característico
- Fontes com suas licenças OFL: Tr Display, Tr Text
- Um motor React Native para Expo
- README com os passos de instalação para Next.js e Tailwind v4 e os termos da licença
Como comprar
Todos os kits estão no goodui Pro: $99 uma vez, com atualizações vitalícias. O Team custa $249 para até 10 desenvolvedores.
O checkout ainda não abriu. Entre na lista e enviaremos o link de pré-venda uma vez.
Com uma chave de licença, pelo seu terminal:
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-tray.zip https://goodui.dev/kits/tray.zip