UIPicks UI 参考库
← 全部 AI 参考来源

网页布局

VibeUI

按登录、定价和功能区等结构,复制可用的 UI 提示词。

公开提示词集合 · 2026-10-13。提示词没有独立详情页,结果跳到对应原站类目锚点。

资源与访问条件

“有免费资源”仅描述对应资源范围,不代表每条案例、模板或素材免费。代码、提示词与素材的实际获取权限及许可需到原站核对。

已保存的精选样本

目录入口

共 95 条记录,本页显示 1–80 条。每页最多 80 条;直接点击名称进入已保存的真实网址。

条目类型、来源日期与链接性质分别标注。只有明确核验过的画面才显示布局或风格标签;没有标签表示当前没有相应确认信息。

  1. Split-screen with visual

    集合 · 集合或类目入口,非独立案例

    相关词:登录、注册、认证

  2. Centered card on background

    集合 · 集合或类目入口,非独立案例

    相关词:卡片、登录、注册、认证、背景

  3. Minimal single-column

    集合 · 集合或类目入口,非独立案例

    相关词:登录、注册、认证

  4. Social-first stack

    集合 · 集合或类目入口,非独立案例

    相关词:登录、注册、认证

  5. Magic link only

    集合 · 集合或类目入口,非独立案例

    相关词:登录、注册、认证

  6. Multi-step wizard

    集合 · 集合或类目入口,非独立案例

    相关词:登录、注册、认证

  7. Classic 3-tier cards

    集合 · 集合或类目入口,非独立案例

    相关词:卡片、定价、价格

  8. Monthly/annual toggle

    集合 · 集合或类目入口,非独立案例

    相关词:切换、开关、定价、价格

  9. Comparison table

    集合 · 集合或类目入口,非独立案例

    相关词:表格、数据表格、定价、价格

  10. Single-tier hero

    集合 · 集合或类目入口,非独立案例

    相关词:定价、价格、首屏、主视觉

  11. Usage slider

    集合 · 集合或类目入口,非独立案例

    相关词:滑块、滑杆、定价、价格

  12. Credit pack grid

    集合 · 集合或类目入口,非独立案例

    相关词:网格、定价、价格

  13. Free vs Pro split

    集合 · 集合或类目入口,非独立案例

    相关词:定价、价格

  14. Stacked mobile-first cards

    集合 · 集合或类目入口,非独立案例

    相关词:卡片、定价、价格

  15. 3-column icon grid

    集合 · 集合或类目入口,非独立案例

    相关词:网格、功能区、图标

  16. Bento grid

    集合 · 集合或类目入口,非独立案例

    相关词:模块化布局、格子、卡片、网格、功能区

  17. Alternating rows

    集合 · 集合或类目入口,非独立案例

    相关词:功能区

  18. Tabbed features

    集合 · 集合或类目入口,非独立案例

    相关词:功能区

  19. Accordion list

    集合 · 集合或类目入口,非独立案例

    相关词:手风琴、折叠面板、列表、功能区

  20. Scroll-triggered reveal

    集合 · 集合或类目入口,非独立案例

    相关词:功能区、滚动、揭示、出现、入场

  21. Icon wall

    集合 · 集合或类目入口,非独立案例

    相关词:功能区、图标

  22. Before/after comparison

    集合 · 集合或类目入口,非独立案例

    相关词:功能区

  23. Centered text + screenshot

    集合 · 集合或类目入口,非独立案例

    相关词:首屏、主视觉、文字、文本

  24. Split hero

    集合 · 集合或类目入口,非独立案例

    相关词:首屏、主视觉

  25. Video background

    集合 · 集合或类目入口,非独立案例

    相关词:首屏、主视觉、背景、视频

  26. Animated gradient mesh

    集合 · 集合或类目入口,非独立案例

    相关词:首屏、主视觉、渐变、动画、动效

  27. Terminal/code hero

    集合 · 集合或类目入口,非独立案例

    相关词:首屏、主视觉、终端

  28. Floating UI elements

    集合 · 集合或类目入口,非独立案例

    相关词:首屏、主视觉

  29. Big bold typography

    集合 · 集合或类目入口,非独立案例

    相关词:首屏、主视觉、排版、字体

  30. Hero with inline form

    集合 · 集合或类目入口,非独立案例

    相关词:表单、首屏、主视觉

  31. Full-bleed gradient banner

    集合 · 集合或类目入口,非独立案例

    相关词:渐变

  32. Split CTA card

    集合 · 集合或类目入口,非独立案例

    相关词:卡片

  33. Sticky bottom bar

    集合 · 集合或类目入口,非独立案例

    相关词:柱状图

  34. Patterned background

    集合 · 集合或类目入口,非独立案例

    相关词:背景

  35. Dual-CTA

    集合 · 集合或类目入口,非独立案例

  36. Inline email capture CTA

    集合 · 集合或类目入口,非独立案例

  37. Testimonial + CTA combo

    集合 · 集合或类目入口,非独立案例

    相关词:用户评价

  38. Horizontal 4-column numbers

    集合 · 集合或类目入口,非独立案例

  39. Animated count-up

    集合 · 集合或类目入口,非独立案例

    相关词:动画、动效

  40. Icon + stat pairs

    集合 · 集合或类目入口,非独立案例

    相关词:图标

  41. Logo bar + stats combo

    集合 · 集合或类目入口,非独立案例

    相关词:柱状图

  42. Vertical stacked stats

    集合 · 集合或类目入口,非独立案例

  43. Stats over full-bleed image

    集合 · 集合或类目入口,非独立案例

    相关词:图片

  44. Card-based stats

    集合 · 集合或类目入口,非独立案例

    相关词:卡片

  45. Minimal logo + links + CTA

    集合 · 集合或类目入口,非独立案例

  46. Centered logo split nav

    集合 · 集合或类目入口,非独立案例

  47. Mega menu

    集合 · 集合或类目入口,非独立案例

    相关词:菜单

  48. Sidebar nav

    集合 · 集合或类目入口,非独立案例

    相关词:侧边栏

  49. Floating pill nav

    集合 · 集合或类目入口,非独立案例

  50. Transparent over hero

    集合 · 集合或类目入口,非独立案例

    相关词:首屏、主视觉

  51. Command-palette nav

    集合 · 集合或类目入口,非独立案例

    相关词:命令、搜索、命令面板

  52. Bottom mobile nav

    集合 · 集合或类目入口,非独立案例

  53. 3-column quote cards

    集合 · 集合或类目入口,非独立案例

    相关词:卡片

  54. Marquee scroll

    集合 · 集合或类目入口,非独立案例

    相关词:跑马灯、轮播、滚动列表、滚动

  55. Masonry grid

    集合 · 集合或类目入口,非独立案例

    相关词:网格

  56. Single featured testimonial

    集合 · 集合或类目入口,非独立案例

    相关词:用户评价

  57. Video testimonial grid

    集合 · 集合或类目入口,非独立案例

    相关词:网格、用户评价、视频

  58. Tweet wall

    集合 · 集合或类目入口,非独立案例

  59. Logo cloud

    集合 · 集合或类目入口,非独立案例

  60. Carousel with dots

    集合 · 集合或类目入口,非独立案例

    相关词:轮播、轮播图

  61. Multi-column sitemap

    集合 · 集合或类目入口,非独立案例

    相关词:页脚

  62. Minimal single-row

    集合 · 集合或类目入口,非独立案例

    相关词:页脚

  63. Giant logo footer

    集合 · 集合或类目入口,非独立案例

    相关词:页脚

  64. Newsletter-first footer

    集合 · 集合或类目入口,非独立案例

    相关词:页脚

  65. Status indicator footer

    集合 · 集合或类目入口,非独立案例

    相关词:页脚

  66. Accordion single column

    集合 · 集合或类目入口,非独立案例

    相关词:手风琴、折叠面板、常见问题

  67. Two-column accordion

    集合 · 集合或类目入口,非独立案例

    相关词:手风琴、折叠面板、常见问题

  68. Chat-bubble Q&A

    集合 · 集合或类目入口,非独立案例

    相关词:常见问题、聊天、对话

  69. Searchable FAQ

    集合 · 集合或类目入口,非独立案例

    相关词:常见问题

  70. Categorized tabs

    集合 · 集合或类目入口,非独立案例

    相关词:标签页、选项卡、常见问题

  71. Sidebar + main content

    集合 · 集合或类目入口,非独立案例

    相关词:侧边栏

  72. Top nav + content

    集合 · 集合或类目入口,非独立案例

  73. Three-pane layout

    集合 · 集合或类目入口,非独立案例

  74. Kanban board

    集合 · 集合或类目入口,非独立案例

  75. Metric cards + chart

    集合 · 集合或类目入口,非独立案例

    相关词:图表、卡片

  76. Empty state

    集合 · 集合或类目入口,非独立案例

    相关词:空状态

  77. Checklist onboarding

    集合 · 集合或类目入口,非独立案例

  78. Tour tooltips

    集合 · 集合或类目入口,非独立案例

  79. Video walkthrough modal

    集合 · 集合或类目入口,非独立案例

    相关词:弹窗、对话框、模态框、视频

  80. Illustrated empty state

    集合 · 集合或类目入口,非独立案例

    相关词:空状态