MOBILE UI
移动端 UI 设计模式
移动端（Mobile UI）分类收录 8 种常用界面模式：底部标签栏、悬浮操作按钮、Peek 轮播、下拉刷新、安全区适配、横滑筛选标签等，每条含中英文学名、效果预览与可复制的 AI 设计提示词。
底部导航tab移动端App
App 式底部导航：3-5 个图标 + 文字，当前项品牌色 + 微动画。
FAB悬浮移动端主操作
右下角一枚渐变圆角方块按钮，滚过首屏后出现，承载页面最重要的动作。
轮播peek滑动移动端
当前卡片占屏 80%，左右各露出下一张卡的边缘——暗示"还能滑"。
下拉刷新手势移动端
列表顶部下拉时 spinner 被拉出来，松手转两圈后新内容落下。
安全区刘海适配移动端
用 env(safe-area-inset-*) 让内容避开刘海、圆角和 home indicator。
筛选横滑分类移动端
一排分类标签横向滑动，选中的深色实底——移动端分类导航的标配。
触摸按压active移动端
手指按下瞬间元素缩小变灰——没有 hover 的移动端，:active 就是全部反馈。
键盘inputmode表单移动端
inputmode 属性让手机弹出对的键盘：电话号出数字盘、邮箱出 @ 键。
🔍
没有匹配的模式
换个关键词试试，比如「滚动」「导航」「渐变」；也可以清空搜索框查看全部。