已发布 wc3ui：一个基于《魔兽争霸 III》界面的可主题化网页组件库 这开始于我想要一个按钮。然后我需要悬停发光效果。接着是活动斜面。然后我想支持四个种族会很好。这是很久以前的事了。 这个组件集最终覆盖的范围超出了我的预期：11种按钮变体（顶部标签、ESC菜单、粘合屏幕、战役、带边框、小型、指令卡，以及来自 StandardTemplates.fdf 的8个菜单框架子变体）、弹出菜单、滑块、复选框、单选按钮、编辑框、滚动条、文本区域和列表框。然后是资源计数器、完整的指令卡网格（指令调色板替代品）、带有资源成本行的丰富工具提示、单位队列、生命值/法力值/经验值/进度/建筑条、全屏加载条，以及各种边框和电影变体。 这些纹理是实际的 BLP 文件，在运行时解码，格式与暴雪在游戏档案中发布的相同。9切片边框是从原始精灵图集在画布上合成的，位置使用从 FDF（框架定义）文件中提取的测量值。每个种族都有完全不同的背景、边框和悬停状态的纹理集。 肖像框可以在 WebGL 中渲染从原始 MDX 模型格式解析的动画英雄模型。HUD 顶部的时钟小部件也是一个 3D 模型。 人类、兽人、夜精灵、不死族四个阵营主题可以从顶部栏切换。 组件展示：

@shadcn 现在看看是怎么做的