# 瑚琏 Hulian (`@hulianui/ui`)

> 颜值 + 好用的 React 设计系统（Base UI + Tailwind v4 + Motion） · 399 个组件 · v0.60.0

AI agent 索引。完整逐组件用法见 [llms-full.txt](./llms-full.txt)（自包含）或各组件源码旁 `<slug>.md`。
安装 `npm i @hulianui/ui`，默认从根 barrel 导入：`import { X } from "@hulianui/ui"`；只用少数几个组件时可改子路径 `@hulianui/ui/<slug>`（见 docs/consuming.md §3）。
铁律：业务里 100% 用库组件，禁止 style=/局部 CSS 覆盖；缺组件回库加。
要做受约束生成（只许输出白名单组件与合法 props）请直接读 [llms-props.json](./llms-props.json)，不要去解析下面这些 markdown 表格：那份 JSON 逐 prop 给出 kind / 枚举取值 / 默认值，并带一张 `exportIndex`（导出名 → 组件）。

## 布局 layout（15）
- [AdminLayout](https://github.com/hulianui/hulian/blob/master/packages/ui/src/admin-layout/admin-layout.md): 中后台骨架 · 侧栏(品牌+NavMenu可折叠) + 顶栏(折叠/面包屑/扩展区) + 多页签导航(开/切/关·关闭其他/全部·受控接路由或菜单点击自动维护) + 内容区(复用 NavMenu/ScrollArea/…
- [AspectRatio](https://github.com/hulianui/hulian/blob/master/packages/ui/src/aspect-ratio/aspect-ratio.md): 把图片、视频或任意内容锁在固定的宽高比里
- [Container](https://github.com/hulianui/hulian/blob/master/packages/ui/src/container/container.md): 给页面内容限定最大宽度并居中，留出左右安全边距
- [Divider](https://github.com/hulianui/hulian/blob/master/packages/ui/src/divider/divider.md): 用一条分隔线把内容切开，线上可以带文字
- [FitScreen](https://github.com/hulianui/hulian/blob/master/packages/ui/src/fit-screen/fit-screen.md): 把固定尺寸的设计稿等比缩放，铺满任意大小的屏幕
- [Grid](https://github.com/hulianui/hulian/blob/master/packages/ui/src/grid/grid.md): 按栅格排列内容，子项可跨列跨行
- [Layout](https://github.com/hulianui/hulian/blob/master/packages/ui/src/layout/layout.md): 把页面拆成页头、侧栏、内容和页脚四块，侧栏可折叠
- [Masonry](https://github.com/hulianui/hulian/blob/master/packages/ui/src/masonry/masonry.md): 把长短不一的卡片分列排成瀑布流，列数随屏幕宽度变化
- [PreviewSandbox](https://github.com/hulianui/hulian/blob/master/packages/ui/src/preview-sandbox/preview-sandbox.md): 预览沙箱 · 把「隔离渲染容器 + 设备视口 + 缩放适配 + 错误捕获 + 就绪/重载生命周期」一次做对的外壳 · iframe 模式（`code` 传完整 HTML 文档串 → `srcDoc`，默认不透明源隔离，…
- [Resizable](https://github.com/hulianui/hulian/blob/master/packages/ui/src/resizable/resizable.md): 把区域切成可拖动的分栏，能限制大小也能用键盘微调
- [ScrollArea](https://github.com/hulianui/hulian/blob/master/packages/ui/src/scroll-area/scroll-area.md): 给溢出内容换上更细的自定义滚动条，可竖可横
- [Separator](https://github.com/hulianui/hulian/blob/master/packages/ui/src/separator/separator.md): 画一条横向或竖向的分隔线，带正确的无障碍语义
- [Spacer](https://github.com/hulianui/hulian/blob/master/packages/ui/src/spacer/spacer.md): 在布局中插入一段纯粹的空白间距
- [Stack](https://github.com/hulianui/hulian/blob/master/packages/ui/src/stack/stack.md): 按一个方向排列子元素，统一控制间距、对齐和换行
- [Viewport](https://github.com/hulianui/hulian/blob/master/packages/ui/src/viewport/viewport.md): 按网页、平板、手机三档宽度预览，内部布局随容器宽度重排

## 排版 typography（37）
- [AnimatedGradientText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/animated-gradient-text/animated-gradient-text.md): 渐变文字 · 行内 chart 渐变流动 + RSC · typography/text · #animated
- [AnimatedShinyText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/animated-shiny-text/animated-shiny-text.md): 高光文字 · 横扫高光 + 徽标气质 + RSC · typography/text · #animated
- [ASCIIText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/ascii-text/ascii-text.md): ASCII 字符画 · 把文字渲染成 ASCII 字符画 · canvas2d 逐像素亮度采样映射字符 + 正弦波动位移 + 鼠标驱动 hue-rotate 色相（零依赖去 three.js·token·reduced…
- [AuroraText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/aurora-text/aurora-text.md): 极光文字 · bg-clip 流动渐变 + chart token + RSC · typography/text · #animated
- [BlurText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/blur-text/blur-text.md): 模糊解析 · 各词从模糊+位移解析到清晰 + 滚入视口触发(motion · top/bottom 方向 · aria-label 整段 · reduced-motion 直呈清晰) · typography/text…
- [CircularText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/circular-text/circular-text.md): 环形文字 · 每字按等分角排到圆周 + 整体匀速自转 + 悬停调速(加速/减速/暂停/抓狂 · 颜色继承 currentColor · reduced-motion 静态) · typography/text · #a…
- [Code](https://github.com/hulianui/hulian/blob/master/packages/ui/src/code/code.md): 给行内代码片段套上等宽皮肤，可选语义色调
- [CodeBlock](https://github.com/hulianui/hulian/blob/master/packages/ui/src/code-block/code-block.md): 展示多行代码，带语言标签和一键复制
- [CodeDiff](https://github.com/hulianui/hulian/blob/master/packages/ui/src/code-diff/code-diff.md): 按行展示代码增删，可单栏也可左右双栏对照
- [CurvedLoop](https://github.com/hulianui/hulian/blob/master/packages/ui/src/curved-loop/curved-loop.md): 弧形跑马灯 · 沿二次贝塞尔曲线无缝循环滚动的弧形跑马灯文字 · SVG textPath + rAF 续滚 + 可拖拽拨动(零依赖·token/currentColor·reduced-motion) · typog…
- [DecryptedText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/decrypted-text/decrypted-text.md): 乱码解码 · 字符翻滚后逐位解码到明文 + view/hover 触发(随机仅客户端 effect 避 hydration mismatch · 等宽 tabular-nums 防抖 · aria-label 明文) …
- [FallingText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/falling-text/falling-text.md): 文字散落 · 文字按词散落物理特效 · 触发后逐词受重力下落/撞墙反弹堆叠 + 指针拖拽抛掷(零依赖 RAF 自写二维刚体·token·reduced-motion) · typography/text · #anim…
- [FlipText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/flip-text/flip-text.md): 翻面标题 · 鼠标移入时逐字 3D 翻面(收 children 不收 text · as 参与类型推导让它自己就是 h1/h2 · 一次性播完不跟随 hover 回退 · 纯 CSS 关键帧不引 motion · 背面…
- [Formula](https://github.com/hulianui/hulian/blob/master/packages/ui/src/math/math.md): KaTeX 驱动的数学排版，本库唯一的数学渲染路径 · 走 `@hulianui/ui/math` 独立 subpath 不压主包体积 · 分段函数/矩阵/大型定界符真二维排版 · 认 `$…$` 分隔符，上游没包 `…
- [FuzzyText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/fuzzy-text/fuzzy-text.md): 噪点模糊标题 · 信号噪点模糊标题 · canvas2d 逐行/逐列随机错位扫描 + 悬停增强抖动(零依赖·token·reduced-motion 退静态帧) · typography/text · #animated
- [GlitchText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/glitch-text/glitch-text.md): 故障撕裂 · 双伪元素 RGB 错位 + clip-path 切片抖动(纯 CSS 零依赖 RSC · 撕裂色吃 chart token · enableOnHover 门控 · motion-reduce 退普通文本…
- [Heading](https://github.com/hulianui/hulian/blob/master/packages/ui/src/heading/heading.md): 输出各级标题，视觉大小与标题层级可以分开设定
- [Kbd](https://github.com/hulianui/hulian/blob/master/packages/ui/src/kbd/kbd.md): 按键 · <kbd> 等宽皮肤 + KbdGroup 组合键容器 + RSC
- [LineShadowText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/line-shadow-text/line-shadow-text.md): 在标题文字背后错开一层硬边条纹投影
- [Markdown](https://github.com/hulianui/hulian/blob/master/packages/ui/src/markdown/markdown.md): 把 Markdown 字符串渲染成只读的富文本内容
- [Prose](https://github.com/hulianui/hulian/blob/master/packages/ui/src/prose/prose.md): 给富文本或 Markdown 内容套上统一的排版样式
- [ScrambledText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/scrambled-text/scrambled-text.md): 乱码悬停文字 · 指针靠近文字逐字翻滚乱码再收敛的悬停文字特效 · 半径内越近翻滚越久 + 可自定字符集/速度（零依赖 RAF·reduced-motion） · typography/text · #animated
- [ScrollFloat](https://github.com/hulianui/hulian/blob/master/packages/ui/src/scroll-float/scroll-float.md): 滚动浮现标题 · ：随容器滚过视口逐字符从「下沉 + 纵向拉伸横向压扁 + 透明」拔起到正常 · useScroll 绑进度 + 每字符 useTransform 派生 opacity/y/scaleX/scaleY（…
- [ScrollReveal](https://github.com/hulianui/hulian/blob/master/packages/ui/src/scroll-reveal/scroll-reveal.md): 滚动显影 · 整段随容器滚过视口逐词 opacity+blur 解析(motion useScroll/useTransform · 每词独立进度区间 · reduced-motion 直呈可读) · typograp…
- [ScrollVelocity](https://github.com/hulianui/hulian/blob/master/packages/ui/src/scroll-velocity/scroll-velocity.md): 滚动跑马灯 · 滚动速度跑马灯文字 · 多行交替方向视差 + 随页面滚动加速/变向、静止匀速漂移(motion 速度值驱动·零额外依赖·reduced-motion 冻结自走帧保留 DOM) · typography/…
- [Shuffle](https://github.com/hulianui/hulian/blob/master/packages/ui/src/shuffle/shuffle.md): 洗牌解密文字 · 逐字「洗牌解密」文本动画 · 字位先滚乱码再按方向顺序锁定真字 + 视口/悬停/循环触发(零依赖 rAF·reduced-motion 直落终态·token 着色) · typography/text…
- [Snippet](https://github.com/hulianui/hulian/blob/master/packages/ui/src/snippet/snippet.md): 展示一行命令，带提示符和一键复制
- [SparklesText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/sparkles-text/sparkles-text.md): 星闪文字 · 随机小星脉冲(客户端生成) + token · typography/text · #animated
- [SplitText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/split-text/split-text.md): 切字进场 · 文本切字/词 + 滚入视口逐段错峰位移淡入(motion · useInView 触发一次 · aria-label 整段读屏友好 · reduced-motion 直呈终态) · typography/…
- [Text](https://github.com/hulianui/hulian/blob/master/packages/ui/src/text/text.md): 统一正文的字号、字重、语义色和截断方式
- [TextCursor](https://github.com/hulianui/hulian/blob/master/packages/ui/src/text-cursor/text-cursor.md): 光标拖尾文字 · 特效组件 · 在容器内移动光标时沿轨迹按间距落下一串字形并随机微浮动淡出回收（沿方向旋转 / emoji / 自定义间距上限）(零依赖·motion 运行时·reduced-motion 去浮动) ·…
- [TextPressure](https://github.com/hulianui/hulian/blob/master/packages/ui/src/text-pressure/text-pressure.md): 逐字符"压感"标题 · 字形随鼠标距离实时插值字重/宽度/倾斜 + 透明度(零依赖 RAF·token 配色·reduced-motion·系统字体兜底) · typography/text · #animated
- [TextReveal](https://github.com/hulianui/hulian/blob/master/packages/ui/src/text-reveal/text-reveal.md): 揭示扫光 · 一条多色带横扫，带过之处把文字从透明揭示成实色(repeat 循环表示「进行中」· 多串轮换按最宽串预留宽度不跳 · 减弱动效落静态终态而不是整串消失 · 纯 CSS 关键帧不引 motion) · ty…
- [TrueFocus](https://github.com/hulianui/hulian/blob/master/packages/ui/src/true-focus/true-focus.md): 真实焦点 · 句中一词清晰余词模糊 + 焦点循环移动 + 四角框跟随(测量 rect 定位 · 角框吃 chart token · manualMode 悬停聚焦 · reduced-motion 全清晰) · typ…
- [TypingAnimation](https://github.com/hulianui/hulian/blob/master/packages/ui/src/typing-animation/typing-animation.md): 打字机 · 逐字 + 闪烁光标 + 进入视口触发 · typography/text · #animated
- [VariableProximity](https://github.com/hulianui/hulian/blob/master/packages/ui/src/variable-proximity/variable-proximity.md): 邻近可变字体 · 鼠标邻近驱动的逐字可变字体文本 · 按距离插值 font-variation-settings（wght/opsz 等轴）+ linear/exponential/gaussian 三档衰减（零依赖 …
- [WordRotate](https://github.com/hulianui/hulian/blob/master/packages/ui/src/word-rotate/word-rotate.md): 轮换词 · motion 进出场 + reduced-motion · typography/text · #animated

## 表单 forms（70）
- [AuthPanel](https://github.com/hulianui/hulian/blob/master/packages/ui/src/auth-panel/auth-panel.md): 搭出分屏登录页的品牌一侧，含渐变底、标语和卖点
- [Button](https://github.com/hulianui/hulian/blob/master/packages/ui/src/button/button.md): 触发操作的按钮，提供实心、浅色、描边、幽灵和危险等变体
- [ButtonGroup](https://github.com/hulianui/hulian/blob/master/packages/ui/src/button-group/button-group.md): 把相关按钮连成一体或分组排列，做成分段控件
- [Calendar](https://github.com/hulianui/hulian/blob/master/packages/ui/src/calendar/calendar.md): 常驻的日历面板，可在日、月、年三层之间下钻
- [Cascader](https://github.com/hulianui/hulian/blob/master/packages/ui/src/cascader/cascader.md): 沿逐级展开的选项列选出一条路径
- [CellEditor](https://github.com/hulianui/hulian/blob/master/packages/ui/src/cell-editor/cell-editor.md): 在表格单元格里就地编辑，静止时看起来和纯文本一样
- [Checkbox](https://github.com/hulianui/hulian/blob/master/packages/ui/src/checkbox/checkbox.md): 切换一个独立的布尔值，支持半选态
- [CheckboxGroup](https://github.com/hulianui/hulian/blob/master/packages/ui/src/checkbox-group/checkbox-group.md): 让一组复选框共同维护一个值数组
- [Choicebox](https://github.com/hulianui/hulian/blob/master/packages/ui/src/choicebox/choicebox.md): 用带标题和描述的卡片做单选或多选
- [ClickCaptcha](https://github.com/hulianui/hulian/blob/master/packages/ui/src/click-captcha/click-captcha.md): 点选式人机验证 UI · 采集点击序列回传相对坐标(0~1) + 序号标记/撤销/换一张 + 键盘准星可达 + 失败抖动清空(零协议·不碰网络)
- [CodeEditor](https://github.com/hulianui/hulian/blob/master/packages/ui/src/code-editor/code-editor.md): 代码编辑器 · 零依赖 textarea + 高亮层叠加（不引 CodeMirror/Monaco） · 受控 value/onChange + 行号槽 + 当前行高亮 + 语法着色(JS 家族/JSON/Shell …
- [ColorField](https://github.com/hulianui/hulian/blob/master/packages/ui/src/color-field/color-field.md): 颜色输入框 · 紧凑单行：色块(调起系统取色器) + 十六进制文本输入 + 短写自动展开(#abc→#aabbcc) + 草稿态支持手输
- [ColorPicker](https://github.com/hulianui/hulian/blob/master/packages/ui/src/colorpicker/colorpicker.md): 拖取饱和度与色相选颜色，可输出 HEX、RGB 或 HSL
- [ColorSwatchPicker](https://github.com/hulianui/hulian/blob/master/packages/ui/src/color-swatch-picker/color-swatch-picker.md): 从一组预设色块里挑一个颜色，方向键可达
- [Combobox](https://github.com/hulianui/hulian/blob/master/packages/ui/src/combobox/combobox.md): 边输入边过滤候选项，可用触发按钮也可内联输入
- [CountrySelect](https://github.com/hulianui/hulian/blob/master/packages/ui/src/country-select/country-select.md): 搜索并选择国家和地区，带旗帜与区号
- [DatePicker](https://github.com/hulianui/hulian/blob/master/packages/ui/src/date-picker/date-picker.md): 单日期选择 · 自研零依赖(触发器 + Popover 罩 Calendar 面板·日/月/年三粒度) + min-max/disabledDate/清除
- [DateRangePicker](https://github.com/hulianui/hulian/blob/master/packages/ui/src/date-range-picker/date-range-picker.md): 日期区间 · 自研零依赖双面板范围日历（日 / 月 / 年三档粒度）+ Popover 引擎 + 快捷预设/min-max/disabledDate · 定宽字符串数组受控
- [DateTimePicker](https://github.com/hulianui/hulian/blob/master/packages/ui/src/date-time-picker/date-time-picker.md): 在一个浮层里同时选好日期和时间
- [ElasticSlider](https://github.com/hulianui/hulian/blob/master/packages/ui/src/elastic-slider/elastic-slider.md): 橡皮筋音量滑块 · 拖到两端轨道横拉纵压 + 图标回弹位移 + hover 整体放大、松手 spring 弹回(motion·零新依赖·reduced-motion) · forms/basic · #animated
- [EmojiPicker](https://github.com/hulianui/hulian/blob/master/packages/ui/src/emoji-picker/emoji-picker.md): 按分类浏览或关键词搜索表情，带最近使用
- [Field](https://github.com/hulianui/hulian/blob/master/packages/ui/src/field/field.md): 字段包装 · label/help/error a11y 串联
- [Form](https://github.com/hulianui/hulian/blob/master/packages/ui/src/form/form.md): 组织具名字段，统一收集提交和字段级错误
- [IconPicker](https://github.com/hulianui/hulian/blob/master/packages/ui/src/icon-picker/icon-picker.md): 图标选择 · 分类页签 + 跨类搜索(名字/别名) + 网格 + 最近使用 · 图标集由消费方经 renderIcon 注入
- [ImageCropper](https://github.com/hulianui/hulian/blob/master/packages/ui/src/image-cropper/image-cropper.md): 让用户拖动缩放图片，按固定比例裁出成品
- [Input](https://github.com/hulianui/hulian/blob/master/packages/ui/src/input/input.md): 收单行文本输入，可加前后缀和错误态
- [InputOTP](https://github.com/hulianui/hulian/blob/master/packages/ui/src/input-otp/input-otp.md): 分格输入验证码，自动跳格并支持整段粘贴
- [InspectorPanel](https://github.com/hulianui/hulian/blob/master/packages/ui/src/inspector-panel/inspector-panel.md): 设计工具属性检查器 · **字段 schema 驱动**（给一份 `{ key, label, kind }` 就派生控件，不是写死五个分类）· 七种控件 kind 全部换皮自既有表单件 · spacing 四联 + …
- [InteractiveHoverButton](https://github.com/hulianui/hulian/blob/master/packages/ui/src/interactive-hover-button/interactive-hover-button.md): 悬停展开按钮 · 圆点扩成整块底色 + 尾随箭头 CTA · forms/button · #animated
- [IssueReporter](https://github.com/hulianui/hulian/blob/master/packages/ui/src/issue-reporter/issue-reporter.md): GitHub issue 草稿器 · 表单收集（类型 Select / 相关组件 Combobox / 标题 Input / 模板字段 Textarea 或 MarkdownEditor）→ 按模板 `toMarkdo…
- [Label](https://github.com/hulianui/hulian/blob/master/packages/ui/src/label/label.md): 表单标签原语 · `<label>` + 与 Field 同源皮肤 + htmlFor
- [Listbox](https://github.com/hulianui/hulian/blob/master/packages/ui/src/listbox/listbox.md): 用键盘可漫游的列表做单选、多选或纯动作项
- [LoginForm](https://github.com/hulianui/hulian/blob/master/packages/ui/src/login-form/login-form.md): 登录模板 · 自管 useForm(账号/密码必填+记住我) + rules 字段校验 + values 受控逃生口 + beforeSubmit 异步拦截 + extra/logo/footer 插槽 + field…
- [MarkdownEditor](https://github.com/hulianui/hulian/blob/master/packages/ui/src/markdown-editor/markdown-editor.md): 所见即所得地编辑内容，值进出都是 Markdown
- [MathField](https://github.com/hulianui/hulian/blob/master/packages/ui/src/math-field/math-field.md): 可视化公式键盘 · MathLive 驱动，所见即所得地敲出 LaTeX（值不带 $）· 满足 MathFieldLikeProps，直接注入 MathTextarea / QuestionEditor 的 visua…
- [MathTextarea](https://github.com/hulianui/hulian/blob/master/packages/ui/src/math-textarea/math-textarea.md): 公式输入框 · 录题用的 LaTeX 输入框：模板插到光标处、选区一键包成 $…$、提交前自检报行列、KaTeX 解析错误定位、实时预览与消费端同一套排版 · 可注入可视化公式编辑器（MathField）出第二个页签 …
- [Mentions](https://github.com/hulianui/hulian/blob/master/packages/ui/src/mentions/mentions.md): 输入触发符后弹出候选，把提及插进文本
- [ModalForm / DrawerForm](https://github.com/hulianui/hulian/blob/master/packages/ui/src/form-dialog/form-dialog.md): 把带校验的表单装进弹窗或抽屉，管好提交与关闭
- [NumberField](https://github.com/hulianui/hulian/blob/master/packages/ui/src/number-field/number-field.md): 编辑数字，带上下限、步进按钮和键盘步进
- [PasswordGenerator](https://github.com/hulianui/hulian/blob/master/packages/ui/src/password-generator/password-generator.md): 密码生成器 · Bitwarden 式双模面板（字符密码 + 密码短语·内置 1747 词表）+ 熵值实时评级四档强度条 + 参数即改即重算 + 逐字符着色（数字蓝符号红·手抄可辨）+ 复制/重生成 + i18n · …
- [ProForm](https://github.com/hulianui/hulian/blob/master/packages/ui/src/pro-form/pro-form.md): 内联表单编排，自动配好提交与重置底栏
- [PulsatingButton](https://github.com/hulianui/hulian/blob/master/packages/ui/src/pulsating-button/pulsating-button.md): 脉冲按钮 · 外扩光环(box-shadow) + RSC · forms/button · #animated
- [QuestionAnswer](https://github.com/hulianui/hulian/blob/master/packages/ui/src/question-answer/question-answer.md): 学生作答卡 · 按题型给对的作答控件：单选 RadioGroup / 多选 CheckboxGroup / 判断题型自带两项 / 填空每空一个输入框（可注入公式键盘）· 选项缺失明说做不了、主观题只读 · canSub…
- [QuestionEditor](https://github.com/hulianui/hulian/blob/master/packages/ui/src/question-editor/question-editor.md): 出题编辑器 · 一道数学题的结构化编辑：七型切换（有内容先确认）、题干 + 题图、选项增删上下移（答案跟着走）、判断 / 填空（空数随题干、等价写法、一键对齐）/ 主观题（参考答案 + 分步给分）、解析、难度 / 分值…
- [Radio](https://github.com/hulianui/hulian/blob/master/packages/ui/src/radio/radio.md): 从一组互斥选项里选一个，支持方向键操作
- [RainbowButton](https://github.com/hulianui/hulian/blob/master/packages/ui/src/rainbow-button/rainbow-button.md): 彩虹按钮 · chart 流光底 + 模糊光晕 + RSC · forms/button · #animated
- [Rating](https://github.com/hulianui/hulian/blob/master/packages/ui/src/rating/rating.md): 用星级打分，可换图标并带悬停预览
- [RegionCascader](https://github.com/hulianui/hulian/blob/master/packages/ui/src/region-cascader/region-cascader.md): 逐级选出中国的省、市、区，内置行政区划数据
- [RegionSelect](https://github.com/hulianui/hulian/blob/master/packages/ui/src/region-select/region-select.md): 图上框选回坐标 · 拖框拿回**原图像素** [x1,y1,x2,y2](区别 ImageCropper 出 Blob) · 反向拖规范化 + minSide 滤误点 + aspect 固定比例(撞边界整体缩不破比例)…
- [RemoteSelect](https://github.com/hulianui/hulian/blob/master/packages/ui/src/remote-select/remote-select.md): 从远端接口搜索选项，带防抖、分页和初值回显
- [RichTextEditor](https://github.com/hulianui/hulian/blob/master/packages/ui/src/rich-text-editor/rich-text-editor.md): 所见即所得地编辑内容，值进出都是 HTML
- [RippleButton](https://github.com/hulianui/hulian/blob/master/packages/ui/src/ripple-button/ripple-button.md): 波纹按钮 · 点击落点扩散(Material) + reduced-motion · forms/button · #animated
- [ScopeMatrix](https://github.com/hulianui/hulian/blob/master/packages/ui/src/scope-matrix/scope-matrix.md): 范围矩阵 · 允许 / 禁止两个语义对立的模式桶，并把「最终有效范围」写成人话
- [SearchForm](https://github.com/hulianui/hulian/blob/master/packages/ui/src/search-form/search-form.md): 拼出列表页顶部的查询条件区，可折叠可重置
- [SecretField](https://github.com/hulianui/hulian/blob/master/packages/ui/src/secret-field/secret-field.md): 掩码显示密钥，可一键显形和复制原值
- [Segmented](https://github.com/hulianui/hulian/blob/master/packages/ui/src/segmented/segmented.md): 在紧凑的分段控件里选一项，滑块跟着移动
- [Select](https://github.com/hulianui/hulian/blob/master/packages/ui/src/select/select.md): 下拉选择 · Base UI overlay 单选/多选（multiple）+ items 自动 label + clearable / searchable / loading / 分组
- [ShimmerButton](https://github.com/hulianui/hulian/blob/master/packages/ui/src/shimmer-button/shimmer-button.md): 微光按钮 · 边缘游走火花(conic) + token + RSC · forms/button · #animated
- [Slider](https://github.com/hulianui/hulian/blob/master/packages/ui/src/slider/slider.md): 沿轨道拖出一个数值或一段区间，支持键盘步进
- [SocialButton](https://github.com/hulianui/hulian/blob/master/packages/ui/src/social-button/social-button.md): 第三方登录按钮 · 微信/支付宝/QQ/微博 + GitHub/Google/Apple/X/Discord/GitLab 品牌 logo(内联 simple-icons·零依赖) + 自定义品牌逃生口 + outli…
- [StepsForm](https://github.com/hulianui/hulian/blob/master/packages/ui/src/steps-form/steps-form.md): 把长表单拆成多步，逐步校验并保留已填内容
- [Switch](https://github.com/hulianui/hulian/blob/master/packages/ui/src/switch/switch.md): 用一个开关切换二元设置，语义是改完即刻生效
- [Textarea](https://github.com/hulianui/hulian/blob/master/packages/ui/src/textarea/textarea.md): 收多行文本输入，高度随内容自增
- [TimeField](https://github.com/hulianui/hulian/blob/master/packages/ui/src/time-field/time-field.md): 用键盘直接编辑时、分、秒各段，不弹浮层
- [TimePicker](https://github.com/hulianui/hulian/blob/master/packages/ui/src/time-picker/time-picker.md): 从时、分、秒三列浮层里选一个时间
- [Toggle](https://github.com/hulianui/hulian/blob/master/packages/ui/src/toggle/toggle.md): 让单个按钮在按下与未按下之间切换
- [Transfer](https://github.com/hulianui/hulian/blob/master/packages/ui/src/transfer/transfer.md): 在待选和已选两个列表之间搬运条目
- [TreeSelect](https://github.com/hulianui/hulian/blob/master/packages/ui/src/tree-select/tree-select.md): 树选择器 · 触发器 + Popover 浮层内嵌 Tree + 单选/多选(checkable)对称 + 树内搜索 · 复用树引擎核
- [Upload](https://github.com/hulianui/hulian/blob/master/packages/ui/src/upload/upload.md): 文件上传 · 拖拽落区/按钮形态 + accept/maxSize/limit 校验 + 受控列表(缩略图/进度/拖拽调序)，传输层拆成 useUpload
- [VoiceRecord](https://github.com/hulianui/hulian/blob/master/packages/ui/src/voice-record/voice-record.md): 语音录制触发器 — 带光环脉动 + 波形动画的圆形录音按钮

## 数据展示 data-display（94）
- [AnimatedList](https://github.com/hulianui/hulian/blob/master/packages/ui/src/animated-list/animated-list.md): 动效列表 · 子项逐个淡入上移入场(motion + 进入视口) · data-display/collection · #animated
- [Annotation](https://github.com/hulianui/hulian/blob/master/packages/ui/src/annotation/annotation.md): 手写风格标注 · 荧光笔底色 + 手绘箭头 + 手写旁注就地讲解行内内容 · 八方位 + 6 语气 + 只圈不注
- [Avatar](https://github.com/hulianui/hulian/blob/master/packages/ui/src/avatar/avatar.md): 展示用户头像，加载失败时回退到备用内容
- [AvatarCircles](https://github.com/hulianui/hulian/blob/master/packages/ui/src/avatar-circles/avatar-circles.md): 把多个头像叠成一排，末尾带溢出计数
- [AwardBadge](https://github.com/hulianui/hulian/blob/master/packages/ui/src/award-badge/award-badge.md): 桂冠奖章 · 左桂冠圈名次 + 右「前缀小字 + 粗体主标题」两行 · 对标 GitHub Trending「#1 Repository Of The Day」/ Product Hunt 荣誉牌 · outline/…
- [Badge](https://github.com/hulianui/hulian/blob/master/packages/ui/src/badge/badge.md): 在内容一角叠加计数或小红点，计数可封顶
- [BentoGrid](https://github.com/hulianui/hulian/blob/master/packages/ui/src/bento-grid/bento-grid.md): 用跨行跨列的卡片拼出错落有致的功能墙
- [Book3D](https://github.com/hulianui/hulian/blob/master/packages/ui/src/book-3d/book-3d.md): 3D 立体书 · CSS 3D transform 透视书体(前封/书脊/页块/后封) + 渐变或图封面 + 封面标题副标 + 角标缎带 + hover 翻正(纯 transform·GPU 合成·reduced-mo…
- [BounceCards](https://github.com/hulianui/hulian/blob/master/packages/ui/src/bounce-cards/bounce-cards.md): 扇形弹跳卡 · 一叠卡片扇形铺开的入场弹跳组件 · 逐张 scale 0 弹性弹入 + hover 推挤让位（零依赖去 gsap·motion 弹簧·reduced-motion） · data-display/col…
- [Card](https://github.com/hulianui/hulian/blob/master/packages/ui/src/card/card.md): 把相关内容装进带页头、正文和页脚的卡片
- [CardSwap](https://github.com/hulianui/hulian/blob/master/packages/ui/src/card-swap/card-swap.md): 卡片洗牌 · 3D 透视卡片自动洗牌组件 · 最前卡下坠 → 其余递进 → 绕回队尾循环 + 复合 CardSwap.Card 默认皮肤（去 gsap·motion useAnimate·reduced-motion）…
- [Carousel](https://github.com/hulianui/hulian/blob/master/packages/ui/src/carousel/carousel.md): 轮播多张幻灯片，带箭头、圆点、自动播放和拖拽
- [Chart](https://github.com/hulianui/hulian/blob/master/packages/ui/src/chart/chart.md): 图表 · recharts 直裹 + chart token 皮肤(Area/Bar)
- [Chip](https://github.com/hulianui/hulian/blob/master/packages/ui/src/chip/chip.md): 紧凑的标记令牌，可带圆点也可移除
- [ChromaGrid](https://github.com/hulianui/hulian/blob/master/packages/ui/src/chroma-grid/chroma-grid.md): 聚光卡片墙 · 光标聚光揭示的卡片墙 · 整片灰度暗化、光标圈内透出全彩 + 单卡 hover 径向高光（弹性跟随·reduced-motion） · data-display/collection · #animat…
- [CircularGallery](https://github.com/hulianui/hulian/blob/master/packages/ui/src/circular-gallery/circular-gallery.md): 弧形图片画廊 · ogl 弧形图片画廊 · 卡片沿圆弧弯曲倾斜排开 + 滚轮/拖拽惯性平移首尾无缝循环(ogl·圆角SDF·token化标题·reduced-motion 降级静态轨道) · data-display/…
- [CodeReviewThread](https://github.com/hulianui/hulian/blob/master/packages/ui/src/code-review-thread/code-review-thread.md): 展示代码评审线程，带严重度、建议改动和解决状态
- [Comment](https://github.com/hulianui/hulian/blob/master/packages/ui/src/comment/comment.md): 展示可嵌套的评论回复，带缩进和操作区
- [ComponentPicker](https://github.com/hulianui/hulian/blob/master/packages/ui/src/component-picker/component-picker.md): 组件库浏览器 · 左分类树(复用 Tree) + 顶部模糊搜索 + 结果网格(Card) + 详情面板(预览/Props 表/示例代码三开关) · 自研零依赖打分器(slug 命中远重于描述命中·不引 fuse.js)…
- [ContributionGraph](https://github.com/hulianui/hulian/blob/master/packages/ui/src/contribution-graph/contribution-graph.md): 贡献活动墙 · 日期驱动的格子图(GitHub 那面绿墙) · calendar 周列×星期行 / strip 单行最近 N 天(卡片右侧活动条) · 补齐区间每一天 + 月份标签落列 + 周起始 0/1 可切 + 星…
- [Coupon](https://github.com/hulianui/hulian/blob/master/packages/ui/src/coupon/coupon.md): 展示优惠券的面额、门槛、有效期和领取状态
- [CreditCard](https://github.com/hulianui/hulian/blob/master/packages/ui/src/credit-card/credit-card.md): 展示银行卡卡面，自动识别品牌并可打码
- [Danmaku](https://github.com/hulianui/hulian/blob/master/packages/ui/src/danmaku/danmaku.md): 弹幕引擎 · 轨道分配防重叠(等速模型·第二条入场后发车永不追尾) · scroll 滚动/top 顶部/bottom 底部三模式 + 轨道数/速度/密度(low/normal/high)/占屏比/透明度/暂停 + p…
- [DecayCard](https://github.com/hulianui/hulian/blob/master/packages/ui/src/decay-card/decay-card.md): 湍流溶解卡 · 鼠标驱动的「湍流溶解」图片卡 · SVG feTurbulence+feDisplacementMap 随鼠标速度融化图像 + 带阻尼的视差倾斜平移（零依赖去 gsap·RAF 缓动·reduced-m…
- [DeployStatus](https://github.com/hulianui/hulian/blob/master/packages/ui/src/deploy-status/deploy-status.md): 部署状态 · 部署/构建生命周期态 · 排队/构建中(转圈)/已上线/失败/已取消/已跳过 六态(→success/danger/primary/neutral 软填充) · badge 徽标/dot 圆点(build…
- [Descriptions](https://github.com/hulianui/hulian/blob/master/packages/ui/src/descriptions/descriptions.md): 在详情页里成组展示只读的键值对字段
- [DesignCanvas](https://github.com/hulianui/hulian/blob/master/packages/ui/src/design-canvas/design-canvas.md): 视觉设计画布 · 零依赖原生 Pointer Events · 无限平移缩放（滚轮以指针为锚点/空格·中键·右键拖拽）+ 元素选择框 + 拖拽移动 + 八向 resize（越过锚定边自动翻转）· 受控 items 托管…
- [DiffStat](https://github.com/hulianui/hulian/blob/master/packages/ui/src/diff-stat/diff-stat.md): 改动统计条 · +N −M 绿红格子条按比例填充(纯函数 splitBlocks 可测) + A/M/D/R 状态徽标 · 代码审查/PR 列表刚需·零依赖
- [DocumentSheet](https://github.com/hulianui/hulian/blob/master/packages/ui/src/document-sheet/document-sheet.md): 把单据排在 A4 纸面上，带页眉页脚和打印支持
- [DomeGallery](https://github.com/hulianui/hulian/blob/master/packages/ui/src/dome-gallery/dome-gallery.md): 球面图库 · ：图片瓦片贴在 CSS 3D 半球内壁，拖拽旋转浏览、点击放大查看 · 原生 PointerEvents 自搓拖拽+RAF 惯性 + motion 灯箱(零依赖·token·reduced-motion)…
- [Dot](https://github.com/hulianui/hulian/blob/master/packages/ui/src/dot/dot.md): 一个状态圆点，可带语义色、呼吸动效和无障碍名
- [EditableTable](https://github.com/hulianui/hulian/blob/master/packages/ui/src/editable-table/editable-table.md): 在表格里直接编辑整行，带校验、取消和增删行
- [Empty](https://github.com/hulianui/hulian/blob/master/packages/ui/src/empty/empty.md): 空状态 · 图标+标题+描述+操作槽 + 内置空箱图标 + 加载中档 + sm/md(零依赖·RSC)
- [EventStream](https://github.com/hulianui/hulian/blob/master/packages/ui/src/event-stream/event-stream.md): 事件流 · 高频机器事件的连续时间线。语义色是主要信息载体，用来一眼分辨「哪些不对劲」
- [FileTree](https://github.com/hulianui/hulian/blob/master/packages/ui/src/file-tree/file-tree.md): 浏览文件和目录，带展开、选中和改动状态标记
- [FilterChip](https://github.com/hulianui/hulian/blob/master/packages/ui/src/filter-chip/filter-chip.md): 已应用筛选条件胶囊 · 主语｜操作符｜值｜移除 四段(段间竖线) + 操作符可省 + 值收 ReactNode + 整段可点
- [Flow](https://github.com/hulianui/hulian/blob/master/packages/ui/src/flow/flow.md): 编排节点和连线，可拖节点、连桩、平移和缩放
- [FlyingPosters](https://github.com/hulianui/hulian/blob/master/packages/ui/src/flying-posters/flying-posters.md): WebGL 海报飞行长廊 · 一列海报随滚轮/拖拽无限循环上下飞过，顶点着色器按 distortion 翻折"飞起"·离屏循环复用 + 透视相机景深(ogl·懒加载·StrictMode 安全·reduced-moti…
- [Folder](https://github.com/hulianui/hulian/blob/master/packages/ui/src/folder/folder.md): 3D 文件夹 · 点击展开的 3D 文件夹 · 三层纸张扇形铺开 + 展开后磁吸跟随鼠标(零依赖纯 CSS transform·token 派生·reduced-motion) · data-display/colle…
- [Funnel](https://github.com/hulianui/hulian/blob/master/packages/ui/src/funnel/funnel.md): 按各阶段数量画漏斗，并标出级间转化率
- [Gantt](https://github.com/hulianui/hulian/blob/master/packages/ui/src/gantt/gantt.md): 把任务排到时间轴上，展示分组、进度和今天的位置
- [GitCommit](https://github.com/hulianui/hulian/blob/master/packages/ui/src/git-commit/git-commit.md): 展示一次提交的分支、短哈希、说明和作者
- [Heatmap](https://github.com/hulianui/hulian/blob/master/packages/ui/src/heatmap/heatmap.md): 热力图 · 网格色阶映射(value→bucket→primary 透明度档·纯函数 buildMatrix/bucketize 可测) + 小数值域 domain/百分比 valueFormat + 色阶图例 + 无…
- [Image](https://github.com/hulianui/hulian/blob/master/packages/ui/src/image/image.md): 加载图片并处理淡入、失败回退和悬停放大
- [ImageViewer](https://github.com/hulianui/hulian/blob/master/packages/ui/src/image-viewer/image-viewer.md): 全屏查看图片，可缩放、平移、翻页和看缩略图
- [InfiniteMenu](https://github.com/hulianui/hulian/blob/master/packages/ui/src/infinite-menu/infinite-menu.md): 球面菜单 · 可拖拽旋转的菜单球，菜单项围绕球面分布、正对镜头者贴靠为激活项并显覆盖层标题/描述+动作箭头 · 松手惯性衰减 + 自动自旋（零依赖 CSS-3D/RAF·reduced-motion） · data-d…
- [InfiniteScroll](https://github.com/hulianui/hulian/blob/master/packages/ui/src/infinite-scroll/infinite-scroll.md): 滚到接近底部时自动加载下一批内容
- [JsonViewer](https://github.com/hulianui/hulian/blob/master/packages/ui/src/json-viewer/json-viewer.md): 折叠查看 JSON，带语法着色、复制和层级控制
- [Kanban](https://github.com/hulianui/hulian/blob/master/packages/ui/src/kanban/kanban.md): 把卡片在多个状态列之间拖动流转
- [Legend](https://github.com/hulianui/hulian/blob/master/packages/ui/src/legend/legend.md): 独立图例 · 彩标记 + 系列名 + 可选数值 · dot/square/line 三标记 × row 横排自动换行/column 竖排(value 右对齐) × sm/md · 缺省色按序取 chart-1..6(与…
- [List](https://github.com/hulianui/hulian/blob/master/packages/ui/src/list/list.md): 排列结构化列表项，带元信息、操作区、空态和分页
- [LiveChat](https://github.com/hulianui/hulian/blob/master/packages/ui/src/live-chat/live-chat.md): 展示直播公屏消息流，带礼物、进场、置顶和自动滚动
- [LivePlayer](https://github.com/hulianui/hulian/blob/master/packages/ui/src/live-player/live-player.md): 直播画面外壳，带在线人数、清晰度切换和互动叠层
- [LiveProductCard](https://github.com/hulianui/hulian/blob/master/packages/ui/src/live-product-card/live-product-card.md): 展示直播带货商品，含价格、库存和抢购入口
- [LogoLoop](https://github.com/hulianui/hulian/blob/master/packages/ui/src/logo-loop/logo-loop.md): logo 跑马灯 · 无缝无限滚动的 logo 跑马灯 · RAF 速度低通平滑 + 序列复制无缝回卷 · 横纵四向/悬停变速暂停/单项放大/两端渐隐(零依赖·token·reduced-motion) · data-…
- [LogViewer](https://github.com/hulianui/hulian/blob/master/packages/ui/src/log-viewer/log-viewer.md): 按级别着色展示日志行，新行自动贴底
- [MagicBento](https://github.com/hulianui/hulian/blob/master/packages/ui/src/magic-bento/magic-bento.md): 便当卡片网格 · 魔法便当卡片网格 · 光标跟随径向聚光 + 描边光呼吸 + 可选 3D 倾斜(零依赖·token·reduced-motion) · data-display/collection · #animat…
- [MagicCard](https://github.com/hulianui/hulian/blob/master/packages/ui/src/magic-card/magic-card.md): 魔法卡片 · 鼠标跟随径向高光(motion) + surface token · data-display/collection · #animated
- [Marquee](https://github.com/hulianui/hulian/blob/master/packages/ui/src/marquee/marquee.md): 跑马灯 · 纯 CSS 无缝循环 + hover 暂停 + 方向 · data-display/collection · #animated
- [Meter](https://github.com/hulianui/hulian/blob/master/packages/ui/src/meter/meter.md): 用语义化的量条表示某个值在已知范围里的占比
- [NumberTicker](https://github.com/hulianui/hulian/blob/master/packages/ui/src/number-ticker/number-ticker.md): 数字滚动 · 进入视口 tween 到目标值 + reduced-motion · data-display/stat · #animated
- [PixelCard](https://github.com/hulianui/hulian/blob/master/packages/ui/src/pixel-card/pixel-card.md): 像素卡片 · canvas2d 像素卡片 · 悬停/聚焦时像素自中心波纹生长+闪烁、离开收缩消散 · 4 变体/可定制 gap·speed·colors(零依赖 RAF·token 配色·reduced-motion …
- [PricingTable](https://github.com/hulianui/hulian/blob/master/packages/ui/src/pricing-table/pricing-table.md): 把多个方案按属性逐行对照，可高亮推荐列
- [ProfileCard](https://github.com/hulianui/hulian/blob/master/packages/ui/src/profile-card/profile-card.md): 全息名片卡 · 指针倾斜 + 全息炫彩名片卡 · RAF 阻尼弹簧驱动 3D 旋转/光晕（零依赖）+ chart token 全息渐变 + 无头像落首字母占位（reduced-motion 静态降级） · data-d…
- [ProTable](https://github.com/hulianui/hulian/blob/master/packages/ui/src/pro-table/pro-table.md): 在数据列表外配齐查询条件、工具栏、行选择和分页，拼出完整列表页
- [QRCode](https://github.com/hulianui/hulian/blob/master/packages/ui/src/qrcode/qrcode.md): 二维码 · 编码内核 qrcode-generator + 瑚琏自渲 SVG(暗块合 path/crispEdges) + currentColor 吃主题(区别 qrcode.react 写死黑白) + UTF-8 …
- [QuestionCard](https://github.com/hulianui/hulian/blob/master/packages/ui/src/question-card/question-card.md): 题目卡片 · 教辅题库标准展示件(题号/题型/分层/题干/选项/小问/附图/章节/出处) · 题干选项走 Formula(KaTeX) 真排版 · 走 @hulianui/ui/math 独立 subpath 主包不付…
- [QueueLane](https://github.com/hulianui/hulian/blob/master/packages/ui/src/queue-lane/queue-lane.md): 按优先级泳道展示队列积压，道头给出深度与等待
- [ReflectiveCard](https://github.com/hulianui/hulian/blob/master/packages/ui/src/reflective-card/reflective-card.md): 金属反光证件卡 · 对角高光横扫 + 磨砂噪点 + 渐变发丝边框(纯 CSS 零依赖·token·RSC 安全·reduced-motion)，内容可插槽化 · data-display/collection · #a…
- [RelativeTime](https://github.com/hulianui/hulian/blob/master/packages/ui/src/relative-time/relative-time.md): 相对时间 · 时间戳→「3分钟前/昨天/2个月后」+ 自动 tick 刷新(可设间隔/受控基准) + 中英 locale · 纯函数 formatRelative/formatAbsolute 可测 · <time> …
- [RowActions](https://github.com/hulianui/hulian/blob/master/packages/ui/src/row-actions/row-actions.md): 表格行操作区 · 声明式动作表 + tone 层级 + 超出 max 收进溢出菜单 + 破坏性动作二次确认
- [Sankey](https://github.com/hulianui/hulian/blob/master/packages/ui/src/sankey/sankey.md): 用带宽度的流向图展示各阶段之间的分配与去向
- [Scheduler](https://github.com/hulianui/hulian/blob/master/packages/ui/src/scheduler/scheduler.md): 在月、周、日和资源视图里排事件，可拖拽建单改期
- [ScoreRing](https://github.com/hulianui/hulian/blob/master/packages/ui/src/score-ring/score-ring.md): 用彩色环形仪表盘展示分值和对应等级
- [ScoreScale](https://github.com/hulianui/hulian/blob/master/packages/ui/src/score-scale/score-scale.md): 用整条按档着色的横带展示分值落在哪一档
- [ScrollStack](https://github.com/hulianui/hulian/blob/master/packages/ui/src/scroll-stack/scroll-stack.md): 滚动堆叠卡 · 滚动驱动的卡片堆叠组件 · 逐张钉住 + 缩放递进 + 可选旋转/景深模糊(零依赖原生滚动+RAF·token 皮肤·reduced-motion 静态平铺) · data-display/collec…
- [ShieldBadge](https://github.com/hulianui/hulian/blob/master/packages/ui/src/shield-badge/shield-badge.md): README 徽章 · shields.io 风格「左灰标签 + 右彩数值」双段贴纸(版本/许可证/下载量/CI/星标) · 5 语气 + color 逃生舱 · solid/soft/outline 三皮肤 × ro…
- [Skeleton](https://github.com/hulianui/hulian/blob/master/packages/ui/src/skeleton/skeleton.md): 用占位骨架预留内容位置，等待数据到达
- [Sortable](https://github.com/hulianui/hulian/blob/master/packages/ui/src/sortable/sortable.md): 拖拽排序 · @dnd-kit headless + 键盘可拖(Space 抓起/方向键移动) + 手柄/整项两式 + 横竖向 · 受控 onChange(arrayMove)
- [Sparkline](https://github.com/hulianui/hulian/blob/master/packages/ui/src/sparkline/sparkline.md): 在一行里画出极简趋势，不带坐标轴和网格
- [Stat](https://github.com/hulianui/hulian/blob/master/packages/ui/src/stat/stat.md): 指标卡 · KPI 数值/标签/升降趋势(无图表库)
- [Statistic](https://github.com/hulianui/hulian/blob/master/packages/ui/src/statistic/statistic.md): 格式化统计数值，可带前后缀、滚动入场或倒计时
- [StatusDot](https://github.com/hulianui/hulian/blob/master/packages/ui/src/status-dot/status-dot.md): 用圆点加文字表示服务在线、降级、离线还是维护
- [Table](https://github.com/hulianui/hulian/blob/master/packages/ui/src/table/table.md): 表格 · TanStack headless + 列排序 + 列几何(size/align/ellipsis/resizable·固定列 offset 自动重算) + 行点击/整行导航(onRowClick/rowHr…
- [Tag](https://github.com/hulianui/hulian/blob/master/packages/ui/src/tag/tag.md): 状态标签 · 6 语气状态色 + 状态圆点/呼吸进行态(pulse) + 图标 + 可关闭(企业状态标记·区别 Chip 令牌)
- [TiltedCard](https://github.com/hulianui/hulian/blob/master/packages/ui/src/tilted-card/tilted-card.md): 倾斜卡片 · 指针驱动的 3D 倾斜卡片 · perspective + rotateX/Y 弹簧倾斜 + 悬停放大 + 跟随指针的浮动提示气泡（motion 弹簧·零新依赖·reduced-motion） · dat…
- [Timeline](https://github.com/hulianui/hulian/blob/master/packages/ui/src/timeline/timeline.md): 把事件按时间排成一条线，节点样式可自定义
- [Tree](https://github.com/hulianui/hulian/blob/master/packages/ui/src/tree/tree.md): 展示可展开的层级节点，支持选择和键盘操作
- [Treemap](https://github.com/hulianui/hulian/blob/master/packages/ui/src/treemap/treemap.md): 按数值把矩形铺满，一眼看出谁占大头
- [User](https://github.com/hulianui/hulian/blob/master/packages/ui/src/user/user.md): 把头像、姓名和描述组合成一行用户信息
- [Video](https://github.com/hulianui/hulian/blob/master/packages/ui/src/video/video.md): 播放本地或 HLS 视频，带自定义控件、章节和续播
- [VirtualList](https://github.com/hulianui/hulian/blob/master/packages/ui/src/virtual-list/virtual-list.md): 只渲染可见行，让上万条列表也能流畅滚动
- [Watermark](https://github.com/hulianui/hulian/blob/master/packages/ui/src/watermark/watermark.md): 给页面铺上防篡改的水印，支持高清屏
- [WorldMap](https://github.com/hulianui/hulian/blob/master/packages/ui/src/world-map/world-map.md): 点阵世界地图 · 预烘点阵(零依赖·吃主题) + 经纬度动画弧线(pathLength 画入 + 端点脉冲) + 独立节点 points(value 分大小/可选标签) + onPointClick 可点击键盘下钻(交…

## 导航 navigation（33）
- [Accordion](https://github.com/hulianui/hulian/blob/master/packages/ui/src/accordion/accordion.md): 折叠展开多段内容，可单开也可多开
- [Affix](https://github.com/hulianui/hulian/blob/master/packages/ui/src/affix/affix.md): 滚过一定距离后把内容固定在屏幕上，不让布局跳动
- [Anchor](https://github.com/hulianui/hulian/blob/master/packages/ui/src/anchor/anchor.md): 在长文里跟踪当前标题并平滑跳转到各节
- [AnimatedThemeToggler](https://github.com/hulianui/hulian/blob/master/packages/ui/src/animated-theme-toggler/animated-theme-toggler.md): 主题切换 · View Transitions 圆形揭示明暗(复用瑚琏 useTheme + 降级) · navigation/action · #animated
- [AppLauncher](https://github.com/hulianui/hulian/blob/master/packages/ui/src/app-launcher/app-launcher.md): 应用启动台 · 毛玻璃面板 + 搜索(标题即 placeholder) + 分类胶囊 + 图标网格(macOS Launchpad/工作台首页) · 搜索与分类各自可受控/非受控 · keywords 别名(拼音/英文…
- [BackTop](https://github.com/hulianui/hulian/blob/master/packages/ui/src/back-top/back-top.md): 滚动超过一定高度后浮出按钮，点它平滑回到顶部
- [BeianFooter](https://github.com/hulianui/hulian/blob/master/packages/ui/src/beian-footer/beian-footer.md): 在页脚展示 ICP 备案与公安备案信息并链到官网
- [Brand](https://github.com/hulianui/hulian/blob/master/packages/ui/src/brand/brand.md): 品牌标识 · 方角徽章 + 站点名(+ 副标题) · mark 缺省自动取品牌名首字(中文一字/英文首字母) · mark 接图标/图片/动图/视频(picture 减弱动效回退与 video 都已给铺满规则) · 三…
- [Breadcrumb](https://github.com/hulianui/hulian/blob/master/packages/ui/src/breadcrumb/breadcrumb.md): 展示当前页面在层级中的位置，并标出当前页
- [BubbleMenu](https://github.com/hulianui/hulian/blob/master/packages/ui/src/bubble-menu/bubble-menu.md): 气泡导航菜单 · logo 气泡 + 汉堡切换钮，点开整屏铺一组错落旋转胶囊导航 · 胶囊弹性 scale 入场 + 标签上滑淡入按序错峰(motion·零 gsap·reduced-motion) · navigat…
- [CardNav](https://github.com/hulianui/hulian/blob/master/packages/ui/src/card-nav/card-nav.md): 卡片导航 · ：胶囊顶栏汉堡点击后整条高度展开，内部卡片逐张错峰 y 位移淡入 · 受控/非受控开合 + token 卡片色(motion 去 gsap·reduced-motion) · navigation/glo…
- [Collapsible](https://github.com/hulianui/hulian/blob/master/packages/ui/src/collapsible/collapsible.md): 折叠或展开一块内容，带高度过渡
- [Command](https://github.com/hulianui/hulian/blob/master/packages/ui/src/command/command.md): 用快捷键唤起面板，搜索并执行分好组的命令
- [ContextMenu](https://github.com/hulianui/hulian/blob/master/packages/ui/src/context-menu/context-menu.md): 在右键落点弹出上下文操作菜单，可标危险项
- [Dock](https://github.com/hulianui/hulian/blob/master/packages/ui/src/dock/dock.md): 一排会随鼠标靠近放大的图标快捷入口
- [FlowingMenu](https://github.com/hulianui/hulian/blob/master/packages/ui/src/flowing-menu/flowing-menu.md): 竖排流动菜单 · 指针近边缘判进/离向揭幕 + 循环跑马灯(文字/图片)(零依赖去 gsap·CSS keyframes + transition·token·reduced-motion) · navigation/…
- [GooeyNav](https://github.com/hulianui/hulian/blob/master/packages/ui/src/gooey-nav/gooey-nav.md): 胶质导航条 · 切换时白色药丸 motion 弹簧滑到目标 + 迸射一圈彩色粒子经 blur/contrast 熔成黏稠液滴(零依赖 CSS 关键帧·token 取色·受控/非受控·reduced-motion) · …
- [Link](https://github.com/hulianui/hulian/blob/master/packages/ui/src/link/link.md): 带样式的链接，外链自动加图标和安全属性
- [Menu](https://github.com/hulianui/hulian/blob/master/packages/ui/src/menu/menu.md): 用下拉菜单收纳操作项，支持分组和危险项
- [Menubar](https://github.com/hulianui/hulian/blob/master/packages/ui/src/menubar/menubar.md): 把常驻的应用菜单排成一条键盘可达的菜单栏
- [Navbar](https://github.com/hulianui/hulian/blob/master/packages/ui/src/navbar/navbar.md): 搭出响应式顶部导航，含品牌、链接和移动端菜单
- [NavigationMenu](https://github.com/hulianui/hulian/blob/master/packages/ui/src/navigation-menu/navigation-menu.md): 用共享浮层承载导航触发器、链接和大面板
- [NavMenu](https://github.com/hulianui/hulian/blob/master/packages/ui/src/nav-menu/nav-menu.md): 侧边导航菜单 · 自研零依赖 · inline 手风琴/collapsed 图标飞出 + 树形 items + 选中/展开受控 + 纯 CSS grid 高度过渡 + WAI-ARIA tree 键盘漫游 + sema…
- [PageHeader](https://github.com/hulianui/hulian/blob/master/packages/ui/src/page-header/page-header.md): 页头骨架 · 返回/面包屑/标题/标签/操作区/Tabs 页脚(dogfood 复用·零依赖)
- [Pagination](https://github.com/hulianui/hulian/blob/master/packages/ui/src/pagination/pagination.md): 在分好页的数据间跳转，页码过多时折叠成省略号
- [PillNav](https://github.com/hulianui/hulian/blob/master/packages/ui/src/pill-nav/pill-nav.md): 胶囊导航条 · 悬停底部圆涨满 + 文案翻转反相 + 激活指示圆点(纯 CSS·零依赖·RSC 安全·reduced-motion) · navigation/global · #animated
- [RouteTabs](https://github.com/hulianui/hulian/blob/master/packages/ui/src/route-tabs/route-tabs.md): 把打开过的页面排成一条页签，支持固定、调序和批量关闭
- [Sidebar](https://github.com/hulianui/hulian/blob/master/packages/ui/src/sidebar/sidebar.md): 应用侧栏 · 组合式外壳 + 折叠状态机(offcanvas/icon/none) + 移动端自动切抽屉
- [StaggeredMenu](https://github.com/hulianui/hulian/blob/master/packages/ui/src/staggered-menu/staggered-menu.md): 侧滑分层菜单 · 侧滑分层导航菜单 · 触发按钮（菜单↔关闭文字滚动 + 加号旋转 225°）唤起面板 · 多层色层错峰滑入做叠纸质感 + 主条目自下而上带旋转依次入场 + 序号/社交链接尾随淡入（motion 去 g…
- [Stepper](https://github.com/hulianui/hulian/blob/master/packages/ui/src/stepper/stepper.md): 只标当前进度的极简横向步骤条，一条线走到底
- [Steps](https://github.com/hulianui/hulian/blob/master/packages/ui/src/steps/steps.md): 分步流程的完整步骤条，可横可竖、能派生状态也能点击跳转
- [Tabs](https://github.com/hulianui/hulian/blob/master/packages/ui/src/tabs/tabs.md): 在多个内容面板之间切换，指示条可下划线可实心
- [Toolbar](https://github.com/hulianui/hulian/blob/master/packages/ui/src/toolbar/toolbar.md): 把一组操作控件排成工具栏，焦点可键盘漫游

## 反馈 feedback（25）
- [Alert](https://github.com/hulianui/hulian/blob/master/packages/ui/src/alert/alert.md): 在页面里常驻一条信息、成功、警告或危险提示
- [AlertDialog](https://github.com/hulianui/hulian/blob/master/packages/ui/src/alert-dialog/alert-dialog.md): 对高风险操作要求明确确认，不能随手关掉
- [Banner](https://github.com/hulianui/hulian/blob/master/packages/ui/src/banner/banner.md): 在容器顶部通栏播报公告，可带操作和关闭
- [Callout](https://github.com/hulianui/hulian/blob/master/packages/ui/src/callout/callout.md): 文章 / 文档用提示框（admonition）。 · 反馈/提示
- [Dialog](https://github.com/hulianui/hulian/blob/master/packages/ui/src/dialog/dialog.md): 在模态浮层里承载内容，并锁住键盘焦点
- [Drawer](https://github.com/hulianui/hulian/blob/master/packages/ui/src/drawer/drawer.md): 从屏幕任意一边滑出抽屉，承载内容或任务
- [ElementSelectionOverlay](https://github.com/hulianui/hulian/blob/master/packages/ui/src/element-selection-overlay/element-selection-overlay.md): 元素选择叠加层 · 在容器或**同源** iframe 里 hover 高亮 / 点击选中元素并回吐组件树路径 · 路径优先读 `data-hulian-path` 标记、读不到回退结构化选择器（两者皆为带单测的纯函数…
- [FloatingReactions](https://github.com/hulianui/hulian/blob/master/packages/ui/src/floating-reactions/floating-reactions.md): 飘心点赞 · 命令式 ref.emit(content,{count}) 从底部喷射上浮表情 + 随机起点/横向漂移/缩放/时长扰动 + 上浮渐隐(keyframe)动画结束自移除 + palette 随机池 + ri…
- [GiftFeed](https://github.com/hulianui/hulian/blob/master/packages/ui/src/gift-feed/gift-feed.md): 礼物连击 · 受控礼物事件流 + 同 id 连击合并 combo ×N 滚动弹跳计数(纯函数 applyGiftEvent 可测) + 横幅左滑入/自动消散计时(每连击重置) + max 同屏上限挤旧 + dogfoo…
- [Glimpse](https://github.com/hulianui/hulian/blob/master/packages/ui/src/glimpse/glimpse.md): 悬停链接时预览目标的封面、标题和摘要
- [HeroVideoDialog](https://github.com/hulianui/hulian/blob/master/packages/ui/src/hero-video-dialog/hero-video-dialog.md): 点击封面缩略图，在模态浮层里播放视频
- [HoverCard](https://github.com/hulianui/hulian/blob/master/packages/ui/src/hover-card/hover-card.md): 悬停后浮出富内容卡片，移开延时关闭
- [InterceptCard](https://github.com/hulianui/hulian/blob/master/packages/ui/src/intercept-card/intercept-card.md): 拦截卡 · 「某个动作被规则挡下了」的完整交代：规则是什么、出处在哪、违反点在哪、该怎么改、我要不要放行
- [Modal](https://github.com/hulianui/hulian/blob/master/packages/ui/src/modal/modal.md): 用函数调用直接弹出确认、成功、警告等对话框
- [Notification](https://github.com/hulianui/hulian/blob/master/packages/ui/src/notification/notification.md): 在屏幕角落堆叠通知卡片，可带图标和操作
- [Popconfirm](https://github.com/hulianui/hulian/blob/master/packages/ui/src/popconfirm/popconfirm.md): 在操作按钮旁就地确认一次危险动作
- [Popover](https://github.com/hulianui/hulian/blob/master/packages/ui/src/popover/popover.md): 把可交互的内容锚在触发元素旁边
- [Progress](https://github.com/hulianui/hulian/blob/master/packages/ui/src/progress/progress.md): 展示确定或不确定的进度，可线形可环形
- [Result](https://github.com/hulianui/hulian/blob/master/packages/ui/src/result/result.md): 展示操作结果或错误页，含图标、说明和后续操作
- [ServiceMessage](https://github.com/hulianui/hulian/blob/master/packages/ui/src/service-message/service-message.md): 展示服务通知卡片，含来源抬头、字段和底部入口
- [Spin](https://github.com/hulianui/hulian/blob/master/packages/ui/src/spin/spin.md): 给内容区盖上加载遮罩，可延迟出现避免闪烁
- [Spinner](https://github.com/hulianui/hulian/blob/master/packages/ui/src/spinner/spinner.md): 加载旋转器 · 纯 CSS animate-spin SVG 环 + role=status + 本地化读屏文案
- [Toast](https://github.com/hulianui/hulian/blob/master/packages/ui/src/toast/toast.md): 用命令式调用弹出会自动消失的轻提示
- [Tooltip](https://github.com/hulianui/hulian/blob/master/packages/ui/src/tooltip/tooltip.md): 悬停时在旁边浮出一句简短说明，带指向箭头
- [Tour](https://github.com/hulianui/hulian/blob/master/packages/ui/src/tour/tour.md): 带用户走一遍功能引导，高亮目标并逐步说明

## AI 智能体 ai（16）
- [AgentPlan](https://github.com/hulianui/hulian/blob/master/packages/ui/src/agent-plan/agent-plan.md): 列出智能体的执行计划，逐条标出进行和完成
- [Artifact](https://github.com/hulianui/hulian/blob/master/packages/ui/src/artifact/artifact.md): 在对话里承载生成的文档或代码，可展开收起
- [ChatMessage](https://github.com/hulianui/hulian/blob/master/packages/ui/src/chat-message/chat-message.md): 对话气泡 · user右(primary)/assistant左(surface)/system居中 + 头像(复用Avatar)/名称/时间 + loading态(TypingDots) + 操作槽
- [Citation](https://github.com/hulianui/hulian/blob/master/packages/ui/src/citation/citation.md): 在正文里内联标注一条来源，可点开原文
- [ConfirmCard](https://github.com/hulianui/hulian/blob/master/packages/ui/src/confirm-card/confirm-card.md): 请用户确认智能体提出的操作，或要求修正
- [Conversation](https://github.com/hulianui/hulian/blob/master/packages/ui/src/conversation/conversation.md): 纵向堆叠对话消息，新内容自动贴底
- [Dossier](https://github.com/hulianui/hulian/blob/master/packages/ui/src/dossier/dossier.md): 展示智能体各信息域的收集进度和内容摘要
- [MessageActions](https://github.com/hulianui/hulian/blob/master/packages/ui/src/message-actions/message-actions.md): 给一条消息配上复制、重试和点赞点踩
- [PromptInput](https://github.com/hulianui/hulian/blob/master/packages/ui/src/prompt-input/prompt-input.md): 输入并发送提示词，支持停止、换行和输入法保护
- [PromptSuggestions](https://github.com/hulianui/hulian/blob/master/packages/ui/src/prompt-suggestions/prompt-suggestions.md): 给出可点击的起始提问或追问建议
- [StreamingText](https://github.com/hulianui/hulian/blob/master/packages/ui/src/streaming-text/streaming-text.md): 流式文本 · 渲染父级累积 text(随token增长) + 流式中尾随闪烁光标(hulian-blink) · 区别 TypingAnimation 自驱定时 · 纯皮肤RSC · ai/assist · #anim…
- [TaskRunner](https://github.com/hulianui/hulian/blob/master/packages/ui/src/task-runner/task-runner.md): 汇总一次任务运行的状态、步骤、进度和耗时
- [ThinkingBlock](https://github.com/hulianui/hulian/blob/master/packages/ui/src/thinking-block/thinking-block.md): 思考折叠块 · dogfood Collapsible(自带chevron+平滑高度) + thinking态(转圈+AnimatedShinyText高光+默认展开) + 耗时标记·收起隐藏 chain-of-tho…
- [ThreadList](https://github.com/hulianui/hulian/blob/master/packages/ui/src/thread-list/thread-list.md): 列出历史会话，可切换、删除和新建
- [ToolCall](https://github.com/hulianui/hulian/blob/master/packages/ui/src/tool-call/tool-call.md): 展示一次工具调用的参数、进度和结果
- [TypingDots](https://github.com/hulianui/hulian/blob/master/packages/ui/src/typing-dots/typing-dots.md): 打字指示 · 三点交错弹跳(纯CSS·客户端组件) + reduced-motion停 + role=status·配 ChatMessage loading · ai/agent · #animated

## 装饰 decoration（92）
- [AnimatedBeam](https://github.com/hulianui/hulian/blob/master/packages/ui/src/animated-beam/animated-beam.md): 动效光束 · 连接两元素的流光曲线(motion 渐变 + SVG + ResizeObserver) · decoration/overlay-fx · #animated
- [Antigravity](https://github.com/hulianui/hulian/blob/master/packages/ui/src/antigravity/antigravity.md): 反重力粒子 · 吸附背景 · 光标靠近把漂浮粒子吸入环绕轨道(波动+脉冲+取向)，离开缓回原位 · 磁吸半径/环半径/形状/自动巡游可调(canvas2d 零依赖·token 配色·reduced-motion 静态点…
- [Aurora](https://github.com/hulianui/hulian/blob/master/packages/ui/src/aurora/aurora.md): 极光渐变背景 · 双层 repeating-linear-gradient 横移干涉 + 径向 mask 聚焦 + chart token(纯 CSS·RSC) · decoration/backdrop · #ani…
- [Balatro](https://github.com/hulianui/hulian/blob/master/packages/ui/src/balatro/balatro.md): 螺旋油彩 · WebGL 背景 · 像素旋涡 + 5 次正弦迭代油画混色 + 可选鼠标交互/自转(ogl·三色吃 chart token·reduced-motion conic 兜底) · decoration/ba…
- [Ballpit](https://github.com/hulianui/hulian/blob/master/packages/ui/src/ballpit/ballpit.md): 彩球球池 · 一坑彩色小球的可交互物理球池 · 重力下落+墙壁回弹+球球弹性碰撞+光标排斥(零依赖 canvas2d·chart token·reduced-motion) · decoration/backdrop …
- [Beams](https://github.com/hulianui/hulian/blob/master/packages/ui/src/beams/beams.md): 流动光柱 · 流动体积光柱 WebGL 背景 · perlin 噪声扰动起伏 + 方向光受光梯度 + 倾斜光幕 + 胶片颗粒(ogl·token·reduced-motion 降级静态渐变) · decoration/…
- [BlobCursor](https://github.com/hulianui/hulian/blob/master/packages/ui/src/blob-cursor/blob-cursor.md): 果冻光标 · 拖尾组件 · 领头跟手 + 多滴弹性拖尾经 SVG gooey 滤镜融成液态水银(去 gsap·motion useSpring·token·reduced-motion) · decoration/ov…
- [BorderBeam](https://github.com/hulianui/hulian/blob/master/packages/ui/src/border-beam/border-beam.md): 边框光束 · motion offsetPath 绕边 + mask 只露边框 · decoration/overlay-fx · #animated
- [BorderGlow](https://github.com/hulianui/hulian/blob/master/packages/ui/src/border-glow/border-glow.md): 发光边框卡 · 指针感应发光边框卡片 · 沿光锥点亮彩色网格边框 + 外层霓虹光晕(随边缘贴近度渐变) + 可选挂载自动扫光(零依赖·token·reduced-motion) · decoration/overlay…
- [CardSpotlight](https://github.com/hulianui/hulian/blob/master/packages/ui/src/card-spotlight/card-spotlight.md): 聚光卡片 · 鼠标跟随径向高光(纯 CSS 变量 + radial-gradient) + color-mix 高光色 + surface token(零依赖) · decoration/overlay-fx · #a…
- [ClickSpark](https://github.com/hulianui/hulian/blob/master/packages/ui/src/click-spark/click-spark.md): 点击火花 · 点击迸发火花的交互背景包裹器 · 点击点放射一圈短线段沿角度缓动飞散 + 数量/半径/长度/时长/缓动全可调（canvas2d+RAF 零依赖·token 取色·reduced-motion 静默·客户端…
- [ColorBends](https://github.com/hulianui/hulian/blob/master/packages/ui/src/color-bends/color-bends.md): 多色流场 · WebGL 背景组件 · 正弦折叠噪声场按软阈值带宽采样叠加生成相互弯折的有机色带 + 指针视差/牵引/自动旋转(ogl·主题感知·reduced-motion 降级) · decoration/back…
- [Crosshair](https://github.com/hulianui/hulian/blob/master/packages/ui/src/crosshair/crosshair.md): 准星十字线 · 鼠标跟随的容器内准星十字线 · lerp 平滑拖尾 + 进入抖动脉冲 + token 配色(零依赖·reduced-motion) · decoration/overlay-fx · #animated
- [Cubes](https://github.com/hulianui/hulian/blob/master/packages/ui/src/cubes/cubes.md): 立方体阵列 · 3D 立方体阵列交互背景 · 指针靠近按距离衰减倾斜 + 空闲自动游走 + 点击环形涟漪高亮（零依赖去 gsap·token 配色·reduced-motion） · decoration/overla…
- [DarkVeil](https://github.com/hulianui/hulian/blob/master/packages/ui/src/dark-veil/dark-veil.md): 暗色帷幕 · CPPN 神经场暗色流动帷幕 WebGL 背景 · 色相旋转/扫描线/颗粒/空间扭曲(ogl·懒加载·reduced-motion 降级静态渐变) · decoration/backdrop · #ani…
- [Dither](https://github.com/hulianui/hulian/blob/master/packages/ui/src/dither/dither.md): 抖动波纹 · 复古有序抖动波纹 WebGL 背景 · Perlin/fbm 波纹场 + 8×8 Bayer 抖动 + 色阶量化/像素马赛克(ogl 单遍 shader·token·reduced-motion 降级) …
- [DotField](https://github.com/hulianui/hulian/blob/master/packages/ui/src/dot-field/dot-field.md): 交互式点阵背景 · 光标推挤点阵鼓胀 + 移动泛起径向辉光，可选波浪起伏/星点闪烁（canvas2d 零依赖·token 配色·reduced-motion 静态降级） · decoration/backdrop · …
- [DotPattern](https://github.com/hulianui/hulian/blob/master/packages/ui/src/dot-pattern/dot-pattern.md): 铺一层跟随主题配色的点阵背景，点距可调
- [ElectricBorder](https://github.com/hulianui/hulian/blob/master/packages/ui/src/electric-border/electric-border.md): 通电边框 · 通电跳动的边框装饰 · SVG 湍流位移描边 + 多层模糊光晕模拟放电辉光(零依赖·token·reduced-motion) · decoration/overlay-fx · #animated
- [EvilEye](https://github.com/hulianui/hulian/blob/master/packages/ui/src/evil-eye/evil-eye.md): 火焰邪眼 · WebGL 背景 · 极坐标多层程序化噪声画出翻腾火焰瞳孔 + 瞳孔惯性跟随光标 + 外圈弥散辉光（ogl·token 自适应·reduced-motion 静态降级） · decoration/back…
- [FaultyTerminal](https://github.com/hulianui/hulian/blob/master/packages/ui/src/faulty-terminal/faulty-terminal.md): 故障终端雨 · 出故障的 CRT 终端字符雨 WebGL 背景 · fbm 噪声点阵 + 横向撕裂/扫描线/闪烁/桶形畸变/色散 + 鼠标涟漪(ogl·token 着色·reduced-motion 兜底) · dec…
- [Ferrofluid](https://github.com/hulianui/hulian/blob/master/packages/ui/src/ferrofluid/ferrofluid.md): 铁磁流体 · 液态金属铁磁流体 WebGL 背景组件 · value-noise 峰脊 + smin 软融合 + rim 亮带流动 + 鼠标下凹交互(ogl·主题 chart token·reduced-motion …
- [FlickeringGrid](https://github.com/hulianui/hulian/blob/master/packages/ui/src/flickering-grid/flickering-grid.md): 闪烁网格 · canvas 像素方格随机明灭 + ResizeObserver 自适应 + 颜色吃主题 token(逐帧现取) · decoration/backdrop · #animated
- [FloatingLines](https://github.com/hulianui/hulian/blob/master/packages/ui/src/floating-lines/floating-lines.md): 漂浮线束 · WebGL 背景 · 三组正弦波线束随时间漂浮 + log 半径扭曲旋转 + 渐变色带插值 + 可选指针径向弯曲(ogl 零新依赖·token 吃 chart·reduced-motion 降级静态渐变)…
- [FluidGlass](https://github.com/hulianui/hulian/blob/master/packages/ui/src/fluid-glass/fluid-glass.md): 流体玻璃 · 跟随指针的流体玻璃折射背景 · 程序化流动渐变底图 + 圆形玻璃透镜实时折射/放大/边缘色散/菲涅尔高光(ogl 单 shader·零 3D 依赖·reduced-motion) · decoration…
- [Galaxy](https://github.com/hulianui/hulian/blob/master/packages/ui/src/galaxy/galaxy.md): 视差星河 · 程序化生成的多层视差星河 WebGL 背景 · Hash 铺点+十字辉光+HSV 调色+三角波闪烁+自转/鼠标斥力，4 层尺度叠加深空纵深(ogl·懒加载·StrictMode 安全·reduced-mo…
- [GhostCursor](https://github.com/hulianui/hulian/blob/master/packages/ui/src/ghost-cursor/ghost-cursor.md): 幽灵拖尾光标 · 跟随指针的幽灵烟雾拖尾 · fbm 噪声烟团 + 环形帧缓冲历史尾迹 + 惯性滑行渐隐（ogl WebGL·去 three.js·reduced-motion 降级） · decoration/ove…
- [GlareHover](https://github.com/hulianui/hulian/blob/master/packages/ui/src/glare-hover/glare-hover.md): 反光悬停 · hover 斜向扫光 + reduced-motion + RSC · decoration/overlay-fx · #animated
- [GlassIcons](https://github.com/hulianui/hulian/blob/master/packages/ui/src/glass-icons/glass-icons.md): 玻璃图标网格 · 玻璃拟态图标按钮网格 · 背面 3D 旋转彩色发光板 + 前面磨砂玻璃片（backdrop-blur·inset 高光边），hover/focus 彩板抬升旋转、玻璃前推、标签滑出（纯 CSS 零依赖…
- [GlassSurface](https://github.com/hulianui/hulian/blob/master/packages/ui/src/glass-surface/glass-surface.md): 液态玻璃折射面 · SVG feDisplacementMap 三通道色散 + RGB 色差边缘(零依赖·token 磨砂底/发丝边/焦点环·客户端组件·非 SVG 浏览器回落 backdrop-blur·reduce…
- [GradientBlinds](https://github.com/hulianui/hulian/blob/master/packages/ui/src/gradient-blinds/gradient-blinds.md): 渐变百叶窗 · WebGL 背景 · 多色站水平渐变 + 竖条百叶明暗调制 + 跟随鼠标聚光灯 + 颗粒噪声(可旋转/镜像/扭曲) · 默认吃 chart token(ogl·reduced-motion 静态百叶降级…
- [GradualBlur](https://github.com/hulianui/hulian/blob/master/packages/ui/src/gradual-blur/gradual-blur.md): 渐进贴边模糊 · 沿容器某一边叠加多层 backdrop-filter 的渐进式模糊贴边 · 八方向/曲线/指数递增 + 悬停增强 + 进场淡入(零依赖·tokens·reduced-motion) · decorat…
- [Grainient](https://github.com/hulianui/hulian/blob/master/packages/ui/src/grainient/grainient.md): 颗粒渐变 · 三色域扭曲 + 胶片颗粒的 WebGL 渐变背景 · 噪声驱动旋转 + 实时 grain/对比度后期(ogl·reduced-motion 降级静态渐变) · decoration/backdrop · …
- [GridDistortion](https://github.com/hulianui/hulian/blob/master/packages/ui/src/grid-distortion/grid-distortion.md): 网格扭曲 · 鼠标拖拽的液态网格扭曲 WebGL 背景 · 数据纹理位移场 + 鼠标速度涟漪/弛豫回弹(ogl·零外部资源默认程序化网格底纹·token 着色·reduced-motion 降级) · decorati…
- [GridMotion](https://github.com/hulianui/hulian/blob/master/packages/ui/src/grid-motion/grid-motion.md): 倾斜网格视差 · 背景 · 鼠标横移每行奇偶反向弹性追随 + 中心径向光晕(零依赖 motion useSpring·token·reduced-motion) · decoration/backdrop · #ani…
- [GridPattern](https://github.com/hulianui/hulian/blob/master/packages/ui/src/grid-pattern/grid-pattern.md): 铺一层线条网格作为区块背景，可换成虚线
- [GridScan](https://github.com/hulianui/hulian/blob/master/packages/ui/src/grid-scan/grid-scan.md): 扫描网格 · 透视扫描网格 WebGL 背景 · 射线投射无限网格(实线/虚线/点线)+纵深推进的发光扫描脉冲+鼠标视差偏摆(ogl·token·reduced-motion 降级静态网格) · decoration/…
- [Hyperspeed](https://github.com/hulianui/hulian/blob/master/packages/ui/src/hyperspeed/hyperspeed.md): 跃迁隧道 · 超空间跃迁 warp 隧道背景 · 从消失点放射的双色车灯光带向观察者冲来 + 湍流扭曲 + 程序化辉光(ogl 单 shader·零新依赖·token·reduced-motion 静态降级) · de…
- [ImageTrail](https://github.com/hulianui/hulian/blob/master/packages/ui/src/image-trail/image-trail.md): 光标图片拖尾 · 光标拖尾图片组件 · 移动光标沿轨迹依次甩出图片淡入跟随、缩小淡出(零依赖 RAF+lerp·token·reduced-motion) · decoration/overlay-fx · #anim…
- [Iridescence](https://github.com/hulianui/hulian/blob/master/packages/ui/src/iridescence/iridescence.md): 虹彩光泽背景 · WebGL/ogl shader 连续光谱干涉 + 鼠标光流扰动 + chart token + 静态 fallback · decoration/backdrop · #animated #webgl
- [Lanyard](https://github.com/hulianui/hulian/blob/master/packages/ui/src/lanyard/lanyard.md): 挂绳工牌 · 可拖拽的挂绳工牌 · 单摆+阻尼弹簧物理回弹(原生 PointerEvents+RAF·零三方依赖) + SVG 二次贝塞尔挂绳随摆角实时弯折 + token 配色(挂绳 primary·工牌 surfa…
- [LaserFlow](https://github.com/hulianui/hulian/blob/master/packages/ui/src/laser-flow/laser-flow.md): 激光束 · 自顶向下倾泻的体积激光束 WebGL 背景 · 极坐标光束几何 + fbm 噪声雾 + 行进微流光 + 指针牵引倾斜(ogl 去 three·主题感知·reduced-motion 降级) · decora…
- [Lens](https://github.com/hulianui/hulian/blob/master/packages/ui/src/lens/lens.md): 放大镜 · 悬停光标处圆形放大任意 children(零依赖 mask+scale) · decoration/overlay-fx · #animated
- [LetterGlitch](https://github.com/hulianui/hulian/blob/master/packages/ui/src/letter-glitch/letter-glitch.md): 字符故障雨 · 终端字符故障雨背景 · canvas 等宽字符矩阵按节拍随机翻字翻色 + 颜色逐帧插值平滑 + 内/外缘暗角(零依赖 canvas2d·token 调色板·reduced-motion) · decor…
- [Lightfall](https://github.com/hulianui/hulian/blob/master/packages/ui/src/lightfall/lightfall.md): 光束坠落 · 隧道光束坠落 WebGL 背景 · 多色光束按高度循环取色 + 中心辉光 + 闪烁/拖尾 + 鼠标牵引(ogl·token·reduced-motion 降级) · decoration/backdrop…
- [Lightning](https://github.com/hulianui/hulian/blob/master/packages/ui/src/lightning/lightning.md): 电弧极光 · fbm 噪声电弧/极光柱 WebGL 背景 · 距离场反比辉光 + hash 随机闪烁(ogl·token 取色·reduced-motion 静态降级) · decoration/backdrop · …
- [LightPillar](https://github.com/hulianui/hulian/blob/master/packages/ui/src/light-pillar/light-pillar.md): 体积光柱 · WebGL 背景 · 沿 y 轴 raymarch 累积辉光 + 多层波动噪声 + 顶底双色纵向渐变(ogl·token 自适应·reduced-motion 降级) · decoration/backd…
- [LightRays](https://github.com/hulianui/hulian/blob/master/packages/ui/src/light-rays/light-rays.md): 光束放射 · 体积光束放射 WebGL 背景 · 八向原点 + 双层正弦扰动/扩散衰减/脉动/噪点/扭曲 + 鼠标方向跟随(ogl·token 着色·reduced-motion 静态渐变兜底) · decoratio…
- [LineWaves](https://github.com/hulianui/hulian/blob/master/packages/ui/src/line-waves/line-waves.md): 波纹线阵 · 流动波纹线阵 WebGL 背景 · 双正弦位移场 + 噪声脊线 + 三通道色相循环 + 鼠标局部隆起(ogl·chart token 配色·reduced-motion 静态线纹降级) · decorat…
- [LiquidChrome](https://github.com/hulianui/hulian/blob/master/packages/ui/src/liquid-chrome/liquid-chrome.md): 液态铬背景 · WebGL/ogl 金属流动反光 + 鼠标涟漪 + chart token 基色 + 静态金属渐变 fallback · decoration/backdrop · #animated #webgl
- [LiquidEther](https://github.com/hulianui/hulian/blob/master/packages/ui/src/liquid-ether/liquid-ether.md): 液态色域 · 鼠标驱动的液态色域 WebGL 背景 · 域扭曲+metaball 翻涌 + 指针搅动/自动巡游(ogl·token·reduced-motion 降级) · decoration/backdrop · …
- [MagicRings](https://github.com/hulianui/hulian/blob/master/packages/ui/src/magic-rings/magic-rings.md): 魔法光环 · 同心魔法光环装饰背景 · GLSL 循环扩张/淡入淡出双色波纹 + 噪点颗粒 + 鼠标视差/悬停缩放/点击爆发（ogl·token 双色·reduced-motion 静态同心环降级） · decorat…
- [Magnet](https://github.com/hulianui/hulian/blob/master/packages/ui/src/magnet/magnet.md): 指针磁吸 · 交互组件 · 内容按「到中心距离/强度」牵引跟随指针、离开平滑归位(零依赖·reduced-motion 钳位) · decoration/overlay-fx · #animated
- [MagnetLines](https://github.com/hulianui/hulian/blob/master/packages/ui/src/magnet-lines/magnet-lines.md): 磁力线网格 · 指针驱动的磁力线网格 · rows×columns 细线段实时朝向鼠标(acos 反三角求角) + token 线色(零依赖·reduced-motion 静止) · decoration/overla…
- [MetaBalls](https://github.com/hulianui/hulian/blob/master/packages/ui/src/meta-balls/meta-balls.md): 黏液融球 · 一组黏液球（metaball）公转游走、距离平方反比势场叠加 smoothstep 等值面产生融合/分裂的有机黏连背景 · 主体球与跟随鼠标的光标球交界处混色 + 自动巡游兜底(ogl·token 配色·…
- [MetallicPaint](https://github.com/hulianui/hulian/blob/master/packages/ui/src/metallic-paint/metallic-paint.md): 液态金属漆面 · WebGL 装饰背景 · fbm 液态扰动 + RGB 折射色散 + 多段金属条纹梯度(ogl·token·reduced-motion 降级) · decoration/overlay-fx · #…
- [Meteors](https://github.com/hulianui/hulian/blob/master/packages/ui/src/meteors/meteors.md): 流星雨 · 随机斜落拖尾(客户端生成) + currentColor · decoration/backdrop · #animated
- [ModelViewer](https://github.com/hulianui/hulian/blob/master/packages/ui/src/model-viewer/model-viewer.md): 3D 模型舞台 · 交互式 3D 模型查看舞台 · 拖拽旋转(惯性) + 鼠标视差 + 悬停倾斜 + 自动旋转 + 接触阴影(零依赖 CSS 3D · RAF · reduced-motion) · decoratio…
- [Orb](https://github.com/hulianui/hulian/blob/master/packages/ui/src/orb/orb.md): 指针交互光球 · WebGL/ogl 发光能量球 + hover 增亮/旋转 + hue 色相 + reduced-motion 径向渐变球 · decoration/backdrop · #animated #web…
- [OrbitImages](https://github.com/hulianui/hulian/blob/master/packages/ui/src/orbit-images/orbit-images.md): 轨道环绕 · 沿轨道环绕流转的子项编排组件 · 9 种形状预设(椭圆/圆/方/三角/星/心/无穷/波浪+custom path)+等距铺满/鱼贯出发+可倾斜+中心叠层(纯 CSS offset-path·零依赖·客户端…
- [OrbitingCircles](https://github.com/hulianui/hulian/blob/master/packages/ui/src/orbiting-circles/orbiting-circles.md): 轨道环绕 · 子元素沿圆周匀速公转 + 自身反旋正立(纯 CSS·RSC) · decoration/overlay-fx · #animated
- [Particles](https://github.com/hulianui/hulian/blob/master/packages/ui/src/particles/particles.md): 交互粒子场 · canvas 星尘漂浮 + 鼠标排斥位移 + DPR 自适应 + 颜色吃主题前景 token(明暗跟随) · decoration/backdrop · #animated
- [PixelBlast](https://github.com/hulianui/hulian/blob/master/packages/ui/src/pixel-blast/pixel-blast.md): 点阵翻涌 · 抖动点阵翻涌的 WebGL 背景 · FBM 噪声 + 8×8 Bayer 有序抖动量化成方块/圆/三角/菱形像素 + 四周渐隐（ogl·token·reduced-motion 降级静态点阵） · de…
- [PixelSnow](https://github.com/hulianui/hulian/blob/master/packages/ui/src/pixel-snow/pixel-snow.md): 像素雪场 · 像素化体素雪场 WebGL 背景 · 光线步进逐格哈希生雪 + 景深淡出 · 方块/圆点/六臂雪花三变体（ogl 去 three.js·token 着色·reduced-motion 静态点阵降级） · …
- [PixelTrail](https://github.com/hulianui/hulian/blob/master/packages/ui/src/pixel-trail/pixel-trail.md): 像素余晖拖尾 · 鼠标划过点亮背后的像素网格、拖尾随时间淡灭的颗粒余晖背景 · 自维护 CPU 拖尾缓冲 + ogl data texture 着色 + 可选 gooey 液态融合(ogl·token·reduced-…
- [PixelTransition](https://github.com/hulianui/hulian/blob/master/packages/ui/src/pixel-transition/pixel-transition.md): 像素转场卡 · 像素马赛克转场卡片：双层内容叠放，悬停/聚焦/点击触发一幕随机散入再散出的像素幕布完成切换 · 自定网格密度/过场时长/只进不退 + token 像素色（去 gsap·motion 减包驱动·reduc…
- [Plasma](https://github.com/hulianui/hulian/blob/master/packages/ui/src/plasma/plasma.md): 等离子流动 · WebGL 背景 · 60 步光线步进 shader + 鼠标扰动 + forward/reverse/pingpong 三向(ogl·token 染色·reduced-motion 降级) · dec…
- [PlasmaWave](https://github.com/hulianui/hulian/blob/master/packages/ui/src/plasma-wave/plasma-wave.md): 等离子波 · WebGL 背景 · raymarch 双丝带交织流动 + 双色权重混合(ogl·主题感知 chart token·reduced-motion 静态渐变降级) · decoration/backdrop…
- [Prism](https://github.com/hulianui/hulian/blob/master/packages/ui/src/prism/prism.md): 棱镜分光 · WebGL 背景 · ray-march 八面体 SDF 折射出彩虹体积光 + rotate/3drotate/hover 三姿态(ogl·主题色相自适应·reduced-motion 降级) · dec…
- [PrismaticBurst](https://github.com/hulianui/hulian/blob/master/packages/ui/src/prismatic-burst/prismatic-burst.md): 棱镜光爆 · WebGL 背景 · 从中心放射的体积步进光谱射线(可弯曲扭曲/N 瓣梳理/三维翻滚/hover 跟随) · 默认色带吃 --color-chart-1..5 token(明暗自适应) + 懒加载 ogl…
- [ProgressiveBlur](https://github.com/hulianui/hulian/blob/master/packages/ui/src/progressive-blur/progressive-blur.md): 在内容一侧做出层层递进的方向性模糊
- [Radar](https://github.com/hulianui/hulian/blob/master/packages/ui/src/radar/radar.md): 雷达扫描 · WebGL 背景 · 同心环波纹 + 径向辐条 + 旋转扫描臂 + 边缘衰减 + 鼠标视差(ogl·主色吃 chart token·reduced-motion 降级静态盘) · decoration/b…
- [RetroGrid](https://github.com/hulianui/hulian/blob/master/packages/ui/src/retro-grid/retro-grid.md): 复古透视网格 · CSS 滚动 + reduced-motion · decoration/backdrop · #animated
- [Reveal](https://github.com/hulianui/hulian/blob/master/packages/ui/src/reveal/reveal.md): 逐级揭示 · 通用「逐级揭示」块级动效原语 · Reveal 包裹元素进入视口时从位移/透明/缩放过渡到正常 + Stagger/StaggerItem 让子项按序错峰入场（非文字动画 · 作用于任意块级内容 · mo…
- [Ribbons](https://github.com/hulianui/hulian/blob/master/packages/ui/src/ribbons/ribbons.md): 飘带跟随 · 弹簧追随鼠标的飘带 WebGL 效果 · ogl Polyline 多条折线弹性拖尾 + 可选沿带渐隐/正弦波动(ogl·token·reduced-motion) · decoration/overla…
- [Ripple](https://github.com/hulianui/hulian/blob/master/packages/ui/src/ripple/ripple.md): 同心脉冲圆环 · CSS 逐圈延迟 + reduced-motion · decoration/backdrop · #animated
- [RippleGrid](https://github.com/hulianui/hulian/blob/master/packages/ui/src/ripple-grid/ripple-grid.md): 涟漪网格 · WebGL 背景 · 同心 sin 波推挤网格 + 暗角/辉光/彩虹配色 + 指针局部涟漪(ogl·chart token·reduced-motion 降级静态网格) · decoration/back…
- [ShapeBlur](https://github.com/hulianui/hulian/blob/master/packages/ui/src/shape-blur/shape-blur.md): 模糊形状高光 · 鼠标揭示的模糊形状高光 WebGL 件 · 圆角矩形/圆/圆环/三角四形态 + 阻尼跟随柔光圆擦亮边缘(ogl·token·reduced-motion 降级静态光晕) · decoration/ov…
- [ShapeGrid](https://github.com/hulianui/hulian/blob/master/packages/ui/src/shape-grid/shape-grid.md): 几何网格 · 无限滚动几何网格背景 · canvas2d 绘制方/圆/三角/六边形四形，沿任意方向匀速平移环绕 + 鼠标悬停缓动填充与渐隐拖尾（零依赖·token 配色·reduced-motion 静止·jsdom …
- [ShineBorder](https://github.com/hulianui/hulian/blob/master/packages/ui/src/shine-border/shine-border.md): 流光边框 · 渐变 mask 只留边框区 + chart token + RSC · decoration/overlay-fx · #animated
- [SideRays](https://github.com/hulianui/hulian/blob/master/packages/ui/src/side-rays/side-rays.md): 侧光束 · 从屏幕一角发散的动态侧光束 WebGL 背景 · 双束角度正弦摆动+平方反比衰减+饱和度/混色调节(ogl·token 双色·reduced-motion 静态兜底) · decoration/backdr…
- [Silk](https://github.com/hulianui/hulian/blob/master/packages/ui/src/silk/silk.md): 丝绸流动背景 · WebGL/ogl 懒加载 shader(复刻 react-bits) + chart token 主色 + reduced-motion 渐变兜底 · decoration/backdrop · #…
- [SoftAurora](https://github.com/hulianui/hulian/blob/master/packages/ui/src/soft-aurora/soft-aurora.md): 柔和极光 · WebGL 柔和极光背景 · 3D Perlin 噪声 + cosine 渐变双层叠加 · 鼠标视差(ogl·token 着色·reduced-motion 降级) · decoration/backdr…
- [SplashCursor](https://github.com/hulianui/hulian/blob/master/packages/ui/src/splash-cursor/splash-cursor.md): 流体溅射光标 · 指针流体溅射光标特效 · 移动溅彩+点击爆斑+拖尾消散 · 彩虹色相轮/固定 chart token 双模(canvas2d 零依赖·reduced-motion·客户端组件) · decoratio…
- [Spotlight](https://github.com/hulianui/hulian/blob/master/packages/ui/src/spotlight/spotlight.md): 在内容后面打一片跟随主题的径向辉光
- [StarBorder](https://github.com/hulianui/hulian/blob/master/packages/ui/src/star-border/star-border.md): 流星描边按钮 · 上下两道 radial-gradient 光带沿边沿来回扫过(纯 CSS·零依赖·RSC 安全)，光带色走 token、内壳 bg-surface/border-border，多态 as + redu…
- [StickerPeel](https://github.com/hulianui/hulian/blob/master/packages/ui/src/sticker-peel/sticker-peel.md): 可拖拽贴纸 · hover/按住顶部卷边揭起 + 落地投影 + 鼠标跟随高光（零依赖·PointerEvents 拖拽·reduced-motion） · decoration/overlay-fx · #animat…
- [StripedPattern](https://github.com/hulianui/hulian/blob/master/packages/ui/src/striped-pattern/striped-pattern.md): 用轻量的斜条纹给区块打底，颜色跟随文字色
- [TargetCursor](https://github.com/hulianui/hulian/blob/master/packages/ui/src/target-cursor/target-cursor.md): 准星光标 · 跟随鼠标的准星自定义光标 · 中心圆点 + 四角括号空闲自转、悬停命中元素时展开包裹其包围盒(去 gsap·裸 rAF lerp·token 着色·reduced-motion) · decoration…
- [Threads](https://github.com/hulianui/hulian/blob/master/packages/ui/src/threads/threads.md): 流动丝线背景 · WebGL/ogl Perlin 波动线随鼠标摆动 + 透明底叠加 + chart token + 静态 fallback · decoration/backdrop · #animated #web…
- [Tilt](https://github.com/hulianui/hulian/blob/master/packages/ui/src/tilt/tilt.md): 视差倾斜包裹器 · 裹住任意 children 做 3D 倾斜(区别 TiltedCard 的固定卡片结构) · 指针/陀螺仪/手动角度三种驱动 + 全窗跟踪 + 单轴限制 + 反向 + 静息角 + 悬停放大 · gl…
- [WavyBackground](https://github.com/hulianui/hulian/blob/master/packages/ui/src/wavy-background/wavy-background.md): 噪声波浪 · canvas 多彩波浪带叠加 + 内联零依赖 value noise + chart token + reduced-motion 静态 · decoration/backdrop · #animated

## 设备外壳 mockups（7）
- [Android](https://github.com/hulianui/hulian/blob/master/packages/ui/src/android/android.md): 用带打孔摄像头的安卓手机外壳包住内容
- [Chrome](https://github.com/hulianui/hulian/blob/master/packages/ui/src/chrome/chrome.md): 用 Chrome 风格的浏览器窗口包住截图，带标签页
- [iPhone](https://github.com/hulianui/hulian/blob/master/packages/ui/src/iphone/iphone.md): 用带灵动岛的手机外壳把内容包成展示图
- [Safari](https://github.com/hulianui/hulian/blob/master/packages/ui/src/safari/safari.md): 用 Safari 风格的浏览器窗口包住截图
- [Tablet](https://github.com/hulianui/hulian/blob/master/packages/ui/src/tablet/tablet.md): 用平板外壳把内容包成设备展示图，可选机型
- [Terminal](https://github.com/hulianui/hulian/blob/master/packages/ui/src/terminal/terminal.md): 终端框 · mac 窗口外壳 + 命令行逐行揭示(motion + tone) + 语法着色(命令名/flag/URL/数字) · mockups/window · #animated
- [Watch](https://github.com/hulianui/hulian/blob/master/packages/ui/src/watch/watch.md): 用智能手表外壳包住紧凑内容做展示

## 移动端 mobile（7）
- [ActionSheet](https://github.com/hulianui/hulian/blob/master/packages/ui/src/action-sheet/action-sheet.md): 从屏幕底部滑出一组适合触屏的操作项
- [Fab](https://github.com/hulianui/hulian/blob/master/packages/ui/src/fab/fab.md): 在页面上方浮一个主操作按钮，可展开子动作
- [Picker](https://github.com/hulianui/hulian/blob/master/packages/ui/src/picker/picker.md): 用一到多列滚轮选值，松手吸附到居中项
- [PullToRefresh](https://github.com/hulianui/hulian/blob/master/packages/ui/src/pull-to-refresh/pull-to-refresh.md): 顶部下拉触发刷新，松手后保持到请求结束
- [SafeArea](https://github.com/hulianui/hulian/blob/master/packages/ui/src/safe-area/safe-area.md): 给指定边加上设备安全区内距，避开刘海和横条
- [SwipeAction](https://github.com/hulianui/hulian/blob/master/packages/ui/src/swipe-action/swipe-action.md): 横向滑动列表项，露出后面的操作按钮
- [TabBar](https://github.com/hulianui/hulian/blob/master/packages/ui/src/tab-bar/tab-bar.md): 移动端底部导航栏，带角标并避开底部安全区

## uncatalogued uncatalogued（3）
- [Access](https://github.com/hulianui/hulian/blob/master/packages/ui/src/access/access.md): 声明式权限门禁：有权限渲染 children，否则渲染 fallback（默认隐藏）。 · uncatalogued
- [Config](https://github.com/hulianui/hulian/blob/master/packages/ui/src/config/config.md): 全局配置根：当前承载 i18n（locale），后续渐进扩展默认尺寸/主题等全局项。 · uncatalogued
- [Theme](https://github.com/hulianui/hulian/blob/master/packages/ui/src/theme/theme.md): · uncatalogued