Tray

整页是一条移动端流程:按钮是折叠的托盘,每个区块都从打开它的控件中以面板形式升起。

适用于: 移动应用创始人、金融科技和面向消费者的订阅应用

Farthing 的录屏,16 秒。付费代码不在本站运行。

页面

  1. Farthing 落地页, 移动端一个穿过手机并读取余额的标题,加上一个 Send 按钮,它就是折叠起来的下一个区块:滚动或点按,它就展开到边框之外
  2. Dibs 落地页, 移动端一个由购物车和厨房备餐时间生成的标题,餐盘被抛进一枚胶囊,胶囊变形成购物车,购物车再改变高度变成配送跟踪
  3. Wick 落地页, 移动端一座剖面图中的房子,手机上托盘的高度就是房间的亮度:页面上每种颜色,包括文字,都由这个数字算出
  4. Unclench 落地页, 移动端把一次真实的 90 秒课程做成托盘塔,每层的高度等于该拉伸动作的时长:时间让塔逐渐消减,H1 是当前指示,页面上的取消流程会统计自己的点按次数

包含内容

  • 4 个页面,每个一个文件,没有 props
  • 3 个专为此套件编写的组件
  • 7 个引擎,支撑标志性的交互行为
  • 字体及其 OFL 许可证:Tr Display, Tr Text
  • 一个用于 Expo 的 React Native 引擎
  • README,含 Next.js 和 Tailwind v4 的安装步骤及许可条款

如何购买

所有套件都包含在 goodui Pro 中:$99 一次付清,终身更新。Team 版 $249,最多 10 位开发者。

结账尚未开放。加入名单,我们会发一次早鸟链接给你。

结账即将开放。我们只发一封邮件,附上你的早鸟链接。

比较方案

包含在 goodui Pro 中。粘贴你的许可证密钥;它只保存在这个浏览器里。

还没有许可证?查看定价

有许可证密钥的话,在终端里运行:

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