熟悉的基础控件Familiar everyday controls
按钮、表单、菜单、选择器、对话框与抽屉，共用尺寸、状态与交互规则。基于 Base UI 等成熟底座打磨。Buttons, forms, menus, selectors, dialogs, and drawers share dimensions, states, and interactions, built on established foundations including Base UI.
MILA UI
开源准备中Preparing for open source让做工具的人，
少一些重复打磨。Thoughtful interfaces.
Fewer details to rebuild.
从 Mila 的真实界面中生长出来的 React 19 组件库。把基础控件、主题与动效，以及 AI 工作台反复需要的呈现方式维护在一起，让产品可以把精力留给自己的行为。A React 19 component library grown from Mila’s real interfaces. It brings everyday controls, themes, motion, and recurring AI-workspace patterns into one maintained implementation, leaving the product to define its own behavior.
01 / MORE THAN A BUTTON
基础控件，也有 AI 工作的细节。Everyday controls. Details for working with AI.
照顾长时间的阅读Designed for long reading sessions
轮次与章节导航、文字逐字素显现、动态追加、消息操作和附件呈现，让长对话有清楚的结构与节奏。Turn and chapter navigation, grapheme-based text reveal, appended content, message actions, and attachment presentation give long conversations structure and rhythm.
表达真实工作状态Make working states legible
命令补全、思考强度滑条、工作状态条与紧凑统计，为 AI 工作台提供共用的交互表达。产品负责提供实际状态与动作。Command completion, reasoning controls, working indicators, and compact statistics offer shared interaction patterns. The application supplies the actual state and actions.
文件和数据，同样顺手Files and data belong here too
文件树、语法高亮代码块、可排序表格与热力图，以及月／周日历和状态分布，把日常工作材料放在同一套视觉语言里。File trees, syntax-highlighted code, sortable tables, heatmaps, month/week calendars, and status breakdowns bring everyday work materials into the same visual language.
02 / ONE VISUAL FOUNDATION
主题与细节，共用同一份基础。One foundation for themes and details.
LIGHTMila UI
浅色 · 清楚地开始Light · A clear start
DARKMila UI
深色 · 安静地专注Dark · Quiet focus
BLACKMila UI
纯黑 · 更深的底色Black · A deeper canvas
配色示意 · 正式组件的主题、字体、尺度、圆角、阴影与动效由共用变量维护；页面可在独立作用域内选择主题，或承接宿主应用主题。Palette illustration · Shared variables maintain component colors, typography, scale, corners, shadows, and motion. A scoped theme can stand on its own or inherit the host application’s theme.
动效服务于按压、展开、追加与阅读；系统减少动态效果的偏好也纳入组件行为。中文和英文、长标题与窄屏，都是日常打磨的一部分。Motion supports pressing, opening, appending, and reading, with reduced-motion preferences included in component behavior. Chinese and English, long titles, and narrow screens are part of everyday refinement.
03 / A CLEAR BOUNDARY
组件负责呈现，产品负责行为。Components present. Products decide.
一份实现，多处消费One implementation, multiple consumers
通用控件与 Mila 专用呈现组件在库中维护。产品和组件展示都消费同一份实现，修好一个细节，不必在多套页面里重复修改。General controls and Mila-specific presentation components live in the library. Products and component showcases consume the same implementation, so a refinement has one place to be maintained.
传入数据与回调Data and callbacks in
会话、执行、草稿、保存政策和数据来源由应用负责。Mila UI 接受数据与回调，提供可组合的呈现与交互，不持有业务服务或存储。The application owns sessions, execution, drafts, saving policies, and data sources. Mila UI accepts data and callbacks, offering composable presentation and interactions without owning business services or persistence.
让示例和维护入口跟着代码走Keep examples and maintenance close to code
组件文档、可操作展示、最短使用示例、维护手册和 AI 使用技能一起整理；依赖许可与参考来源如实保留，让后来的使用者知道怎样用、怎样改。Component documentation, interactive showcases, a minimal example, a maintainer guide, and an AI usage skill are being prepared alongside the code, with dependency notices and reference attribution preserved.
04 / WHERE WE ARE
已经在产品里用，正在准备分享。Used in our products. Preparing to share.
开源准备中 · 尚未公开发布到 npmPreparing for open source · Not published on npm
组件库已有工作台消费者、独立打包安装和交互展示。我们正在整理第一份公开源码与文档；公开仓库、许可证和正式安装入口将在发布时一并说明。The library has a workspace consumer, independently packaged installations, and interactive showcases. We are preparing the first public source and documentation; the repository, license, and installation instructions will be announced with the release.
当前页面是产品介绍。实际输入法、读屏软件、非 Chromium 浏览器与真机体验仍需继续核验。This page introduces the product. Input methods, screen readers, browsers beyond Chromium, and real-device behavior still need further verification.