https://leanui.qiaomu.ai/ the visual dictionary of UI — bilingual UI dictionary https://leanui.qiaomu.ai/web/text-scramble/ https://leanui.qiaomu.ai/web/text-scramble/ Wed, 15 Jul 2026 13:41:46 +0000 Random characters churn and settle into the real text / 随机字符不停翻滚，最终落定成真正的文字 https://leanui.qiaomu.ai/web/spring/ https://leanui.qiaomu.ai/web/spring/ Wed, 15 Jul 2026 13:41:46 +0000 Physics-based motion that overshoots the target and settles / 基于物理的运动：冲过目标，再缓缓停稳 https://leanui.qiaomu.ai/web/easing/ https://leanui.qiaomu.ai/web/easing/ Wed, 15 Jul 2026 13:41:46 +0000 The speed curve of an animation — why motion feels smooth or robotic / 动画的速度曲线 —— 决定动起来是顺滑还是僵硬 https://leanui.qiaomu.ai/web/masonry/ https://leanui.qiaomu.ai/web/masonry/ Wed, 15 Jul 2026 13:41:46 +0000 Cards of different heights packed into columns with no row gaps / 高度各异的卡片紧塞进列中，行线完全错开 https://leanui.qiaomu.ai/web/bento-grid/ https://leanui.qiaomu.ai/web/bento-grid/ Wed, 15 Jul 2026 13:41:46 +0000 One grid, mixed tile sizes — a layout packed like a bento box / 一个网格，大小不一的格子 —— 像便当盒一样紧凑分装的布局 https://leanui.qiaomu.ai/web/hamburger-menu/ https://leanui.qiaomu.ai/web/hamburger-menu/ Wed, 15 Jul 2026 13:41:46 +0000 The three-line button and the navigation panel it slides open / 三条线的按钮，以及它滑出的导航面板 https://leanui.qiaomu.ai/web/lightbox/ https://leanui.qiaomu.ai/web/lightbox/ Wed, 15 Jul 2026 13:41:46 +0000 The click-to-enlarge image overlay that dims the page behind it / 点图放大、背后页面变暗的图片浮层 https://leanui.qiaomu.ai/web/marquee/ https://leanui.qiaomu.ai/web/marquee/ Wed, 15 Jul 2026 13:41:46 +0000 Content that auto-scrolls sideways in an endless loop / 横向自动滚动、无限循环的内容 https://leanui.qiaomu.ai/macos/pointer/ https://leanui.qiaomu.ai/macos/pointer/ Wed, 15 Jul 2026 13:41:46 +0000 Every shape the mouse pointer takes — and the real name of each one / 鼠标指针的每一种形态 —— 以及它们各自的本名 https://leanui.qiaomu.ai/macos/alert/ https://leanui.qiaomu.ai/macos/alert/ Wed, 15 Jul 2026 13:41:46 +0000 The small centered window with a badged icon, a bold line, and Cancel/OK buttons / 居中的小窗口：带角标的图标、一行粗体字，以及“取消/好”按钮 https://leanui.qiaomu.ai/macos/slider/ https://leanui.qiaomu.ai/macos/slider/ Wed, 15 Jul 2026 13:41:46 +0000 The round knob you drag along a track to pick a value from a range / 沿轨道拖动的圆钮，用来在一个范围里取值 https://leanui.qiaomu.ai/macos/color-well/ https://leanui.qiaomu.ai/macos/color-well/ Wed, 15 Jul 2026 13:41:46 +0000 The little swatch button that shows the current color and opens the picker / 显示当前颜色的小色块按钮，点开就是取色器 https://leanui.qiaomu.ai/web/form-field/ https://leanui.qiaomu.ai/web/form-field/ Wed, 15 Jul 2026 13:41:46 +0000 Every part of a labeled input — label, placeholder, helper text, and the red error line / 带标签输入框的每个部分 —— 标签、占位文本、辅助文本和那行红色错误信息 https://leanui.qiaomu.ai/web/truncation/ https://leanui.qiaomu.ai/web/truncation/ Wed, 15 Jul 2026 13:41:46 +0000 Text cut short with … — at the end of the line, after N lines, or in the middle / 用 … 把文本截短 —— 在行尾、在 N 行之后，或者在中间 https://leanui.qiaomu.ai/web/drag-and-drop/ https://leanui.qiaomu.ai/web/drag-and-drop/ Wed, 15 Jul 2026 13:41:46 +0000 The grips, handles, previews, and landing cues around a drag interaction / 拖拽交互周边的抓手、手柄、预览和落点提示 https://leanui.qiaomu.ai/web/divider/ https://leanui.qiaomu.ai/web/divider/ Wed, 15 Jul 2026 13:41:46 +0000 The same thin line can mark a topic break, separate controls, or be decoration / 同一条细线，可以是话题转折、控件分隔，也可以只是装饰 https://leanui.qiaomu.ai/web/progress-indicators/ https://leanui.qiaomu.ai/web/progress-indicators/ Wed, 15 Jul 2026 13:41:46 +0000 A spinner means wait; a ring or bar can show how much work is complete / Spinner 只表示「请等待」；进度环或进度条能显示已经完成了多少 https://leanui.qiaomu.ai/macos/window/ https://leanui.qiaomu.ai/macos/window/ Wed, 15 Jul 2026 13:41:46 +0000 The movable Mac app frame, from its title bar and toolbar to its resize edges / 可移动的 Mac 应用框架，从标题栏、工具栏一直到调整大小的边缘 https://leanui.qiaomu.ai/macos/split-view/ https://leanui.qiaomu.ai/macos/split-view/ Wed, 15 Jul 2026 13:41:46 +0000 Resizable panes separated by a draggable divider inside a Mac window / Mac 窗口里由可拖动分隔条隔开、可各自调整大小的窗格 https://leanui.qiaomu.ai/macos/scroll-view/ https://leanui.qiaomu.ai/macos/scroll-view/ Wed, 15 Jul 2026 13:41:46 +0000 A viewport whose AppKit scrollbar is called a scroller / 一个视口，它的滚动条在 AppKit 里叫 scroller https://leanui.qiaomu.ai/macos/search-field/ https://leanui.qiaomu.ai/macos/search-field/ Wed, 15 Jul 2026 13:41:46 +0000 A Mac text field with built-in search, clearing, and recent-query controls / Mac 上的文本输入框，自带搜索、清除和最近查询控件 https://leanui.qiaomu.ai/macos/save-panel/ https://leanui.qiaomu.ai/macos/save-panel/ Wed, 15 Jul 2026 13:41:46 +0000 The standard Mac dialog for naming a file and choosing where to save it / Mac 上给文件起名、选择存储位置的标准对话框 https://leanui.qiaomu.ai/macos/token-field/ https://leanui.qiaomu.ai/macos/token-field/ Wed, 15 Jul 2026 13:41:46 +0000 A text input that turns recognized values into removable rounded tokens / 一种文本输入框，能把识别出来的值变成可移除的圆角令牌 https://leanui.qiaomu.ai/macos/combo-button/ https://leanui.qiaomu.ai/macos/combo-button/ Wed, 15 Jul 2026 13:41:46 +0000 A primary action joined to a separate arrow that opens related actions / 主操作和一个独立箭头拼在一起，箭头打开相关操作 https://leanui.qiaomu.ai/macos/level-indicator/ https://leanui.qiaomu.ai/macos/level-indicator/ Wed, 15 Jul 2026 13:41:46 +0000 A Mac gauge rendered as a capacity bar, rating stars, or relevance meter / Mac 上的量表：容量条、评分星星或相关度仪表 https://leanui.qiaomu.ai/macos/column-view/ https://leanui.qiaomu.ai/macos/column-view/ Wed, 15 Jul 2026 13:41:46 +0000 Finder-style columns that reveal each successive level of a hierarchy / Finder 风格的分栏，逐级展开层级结构 https://leanui.qiaomu.ai/macos/outline-view/ https://leanui.qiaomu.ai/macos/outline-view/ Wed, 15 Jul 2026 13:41:46 +0000 An indented tree of rows that expand to reveal nested children / 一棵带缩进的行树，展开后露出嵌套的子行 https://leanui.qiaomu.ai/web/three-dots/ https://leanui.qiaomu.ai/web/three-dots/ Wed, 15 Jul 2026 13:41:46 +0000 Horizontal dots, vertical dots, three lines, and an ellipsis mean different things / 横排三个点、竖排三个点、三条横线和省略号，含义各不相同 https://leanui.qiaomu.ai/macos/menu-bar/ https://leanui.qiaomu.ai/macos/menu-bar/ Wed, 15 Jul 2026 13:41:46 +0000 The strip along the top of the Mac screen — every part, labeled / Mac 屏幕顶部那条横条——每个部件都标上名字 https://leanui.qiaomu.ai/macos/context-menu/ https://leanui.qiaomu.ai/macos/context-menu/ Wed, 15 Jul 2026 13:41:46 +0000 The menu opened at the pointer by right-clicking or Control-clicking an item / 在项目上右键点按或 Control-点按，在指针处打开的菜单 https://leanui.qiaomu.ai/macos/disclosure-triangle/ https://leanui.qiaomu.ai/macos/disclosure-triangle/ Wed, 15 Jul 2026 13:41:46 +0000 The small rotating control that reveals or hides nested content / 那个会旋转的小控件，用来显示或隐藏嵌套内容 https://leanui.qiaomu.ai/macos/dock-badge/ https://leanui.qiaomu.ai/macos/dock-badge/ Wed, 15 Jul 2026 13:41:46 +0000 The red count or status label overlaid on an app's Dock icon / 叠在应用 Dock 图标上的红色数量或状态标签 https://leanui.qiaomu.ai/macos/focus-ring/ https://leanui.qiaomu.ai/macos/focus-ring/ Wed, 15 Jul 2026 13:41:46 +0000 The accent-colored glow that identifies the control receiving keyboard input / 标示当前接收键盘输入的控件的强调色光晕 https://leanui.qiaomu.ai/macos/inspector/ https://leanui.qiaomu.ai/macos/inspector/ Wed, 15 Jul 2026 13:41:46 +0000 The right-hand panel for viewing and editing details of the current selection / 右侧用于查看和编辑当前选中项详情的面板 https://leanui.qiaomu.ai/macos/panel/ https://leanui.qiaomu.ai/macos/panel/ Wed, 15 Jul 2026 13:41:46 +0000 An auxiliary macOS window that floats above related document windows / 悬浮在相关文稿窗口上方的 macOS 辅助窗口 https://leanui.qiaomu.ai/macos/popover/ https://leanui.qiaomu.ai/macos/popover/ Wed, 15 Jul 2026 13:41:46 +0000 A floating bubble whose arrow points back to the control that opened it / 带箭头的浮动气泡，箭头指回打开它的控件 https://leanui.qiaomu.ai/macos/popup-pulldown-combo/ https://leanui.qiaomu.ai/macos/popup-pulldown-combo/ Wed, 15 Jul 2026 13:41:46 +0000 Three similar-looking macOS controls for choosing a value or invoking a menu action / 三个外观相似的 macOS 控件，分别用于选取一个值或触发菜单操作 https://leanui.qiaomu.ai/macos/segmented-control/ https://leanui.qiaomu.ai/macos/segmented-control/ Wed, 15 Jul 2026 13:41:46 +0000 A row of connected choices with the current segment visibly selected / 一排相连的选项，当前选中的分段清晰可见 https://leanui.qiaomu.ai/macos/sheet/ https://leanui.qiaomu.ai/macos/sheet/ Wed, 15 Jul 2026 13:41:46 +0000 A modal panel attached to one macOS window rather than the whole app / 只附着于单个 macOS 窗口、而非整个 App 的模态面板 https://leanui.qiaomu.ai/macos/sidebar/ https://leanui.qiaomu.ai/macos/sidebar/ Wed, 15 Jul 2026 13:41:46 +0000 The translucent navigation column along the left edge of a macOS window / 位于 macOS 窗口左缘的半透明导航列 https://leanui.qiaomu.ai/macos/stepper/ https://leanui.qiaomu.ai/macos/stepper/ Wed, 15 Jul 2026 13:41:46 +0000 The compact up-and-down arrow pair used to increment or decrement a value / 一对紧凑的上下箭头，用来递增或递减数值 https://leanui.qiaomu.ai/macos/toolbar/ https://leanui.qiaomu.ai/macos/toolbar/ Wed, 15 Jul 2026 13:41:46 +0000 A row of window actions integrated with the modern macOS title bar / 与现代 macOS 标题栏融为一体的一排窗口操作 https://leanui.qiaomu.ai/macos/traffic-lights/ https://leanui.qiaomu.ai/macos/traffic-lights/ Wed, 15 Jul 2026 13:41:46 +0000 The red, yellow, and green controls at the top-left of a macOS window / macOS 窗口左上角的红、黄、绿三个控制按钮 https://leanui.qiaomu.ai/macos/vibrancy/ https://leanui.qiaomu.ai/macos/vibrancy/ Wed, 15 Jul 2026 13:41:46 +0000 The adaptive translucent background used behind macOS sidebars, menus, and panels / macOS 边栏、菜单和面板背后那种自适应的半透明背景 https://leanui.qiaomu.ai/web/toast/ https://leanui.qiaomu.ai/web/toast/ Wed, 15 Jul 2026 13:41:46 +0000 A brief, non-blocking message that appears after an action / 操作完成后短暂出现、不打断流程的消息 https://leanui.qiaomu.ai/web/dialog-drawer-sheet/ https://leanui.qiaomu.ai/web/dialog-drawer-sheet/ Wed, 15 Jul 2026 13:41:46 +0000 Three overlay patterns distinguished by placement, scope, and task depth / 三种覆盖层模式，按位置、范围和任务深度区分 https://leanui.qiaomu.ai/web/popover-dropdown-tooltip/ https://leanui.qiaomu.ai/web/popover-dropdown-tooltip/ Wed, 15 Jul 2026 13:41:46 +0000 Three anchored overlays with different triggers, content, and dismissal rules / 三种锚定式覆盖层，触发方式、内容和关闭规则各不相同 https://leanui.qiaomu.ai/web/scrim/ https://leanui.qiaomu.ai/web/scrim/ Wed, 15 Jul 2026 13:41:46 +0000 The translucent layer that separates a modal surface from the page / 把模态界面与页面隔开的那层半透明层 https://leanui.qiaomu.ai/web/skeleton-spinner/ https://leanui.qiaomu.ai/web/skeleton-spinner/ Wed, 15 Jul 2026 13:41:46 +0000 Two loading indicators for predictable layouts and indeterminate waits / 两种加载指示器：一个给布局可预期的内容占位，一个应付时长未知的等待 https://leanui.qiaomu.ai/web/combobox/ https://leanui.qiaomu.ai/web/combobox/ Wed, 15 Jul 2026 13:41:46 +0000 A text input paired with a filtered list of selectable suggestions / 一个文本输入框，配一个按输入过滤、可供选择的建议列表 https://leanui.qiaomu.ai/web/command-palette/ https://leanui.qiaomu.ai/web/command-palette/ Wed, 15 Jul 2026 13:41:46 +0000 A keyboard-first searchable launcher for actions and navigation / 键盘优先的可搜索启动器，用来执行操作和跳转导航 https://leanui.qiaomu.ai/web/accordion/ https://leanui.qiaomu.ai/web/accordion/ Wed, 15 Jul 2026 13:41:46 +0000 Stacked sections whose headings expand and collapse their content / 堆叠的分区，点标题即可展开或收起对应内容 https://leanui.qiaomu.ai/web/tabs/ https://leanui.qiaomu.ai/web/tabs/ Wed, 15 Jul 2026 13:41:46 +0000 A single row of labels that switches one shared content region / 一排标签，切换同一块共享内容区 https://leanui.qiaomu.ai/web/badge-chip-pill/ https://leanui.qiaomu.ai/web/badge-chip-pill/ Wed, 15 Jul 2026 13:41:46 +0000 Compact labels distinguished by meaning, shape, and interactivity / 同样是小标签，靠含义、形状和可交互性来区分 https://leanui.qiaomu.ai/web/breadcrumbs/ https://leanui.qiaomu.ai/web/breadcrumbs/ Wed, 15 Jul 2026 13:41:46 +0000 A hierarchy trail from the current page back to its ancestors / 一条从当前页面回溯到各级上级的层级路径 https://leanui.qiaomu.ai/web/sticky-fixed/ https://leanui.qiaomu.ai/web/sticky-fixed/ Wed, 15 Jul 2026 13:41:46 +0000 Two ways to keep an element visible with different containing blocks / 两种让元素保持可见的定位方式，包含块各不相同 https://leanui.qiaomu.ai/web/focus-ring-web/ https://leanui.qiaomu.ai/web/focus-ring-web/ Wed, 15 Jul 2026 13:41:46 +0000 The keyboard-aware outline that identifies the active control / 感知键盘操作的轮廓线，标识当前活动的控件 https://leanui.qiaomu.ai/web/empty-state/ https://leanui.qiaomu.ai/web/empty-state/ Wed, 15 Jul 2026 13:41:46 +0000 Purposeful guidance shown when a view has no content yet / 视图还没有内容时，给出有目的的引导 https://leanui.qiaomu.ai/web/hover-card/ https://leanui.qiaomu.ai/web/hover-card/ Wed, 15 Jul 2026 13:41:46 +0000 A rich, non-modal preview revealed from a hovered or focused reference / 悬停或聚焦某个参照物时浮现的富内容、非模态预览 https://leanui.qiaomu.ai/web/switch-checkbox-radio/ https://leanui.qiaomu.ai/web/switch-checkbox-radio/ Wed, 15 Jul 2026 13:41:46 +0000 Controls for an on/off setting, independent choices, or one choice from a group / 三种控件：管开/关的设置、各自独立的多选、组内只能选一个 https://leanui.qiaomu.ai/web/toggle-group/ https://leanui.qiaomu.ai/web/toggle-group/ Wed, 15 Jul 2026 13:41:46 +0000 A connected row of compact options with one persistent selection / 连成一排的紧凑选项，其中一项保持选中 https://leanui.qiaomu.ai/macos/menu-bar-extra/ https://leanui.qiaomu.ai/macos/menu-bar-extra/ Wed, 15 Jul 2026 13:41:46 +0000 The icon that lives on the right side of the macOS menu bar / 住在 macOS 菜单栏右侧的那个图标