作为前端开发者兼《我的世界》爱好者，我长期致力于将OreUI（即Mojang的OreUI设计语言）移植到网页端。
但这项工作尚未完成——如此高水准的设计绝非17小时所能完成。
然而在搜寻资源时，我发现社区中仅有零散的模仿之作，缺乏一套完整且经过工程化设计的、可投入实际生产的组件库。于是，我耗费17小时完成了这项"疯狂"的重构计划——ParaOre-UI就此诞生。
这绝非简单的"像素级复刻"
ParaOre-UI是以Sass/CSS为基础的组件库，全面支持TypeScript/JavaScript。其核心特性包括：
- 20余个核心组件：从经典的绿色确认按钮、红色危险按钮到侧边栏、自定义滚动条及模态窗口——完美复刻OreUI的质感
- Web Components架构：采用原生Custom Elements，框架无关，无缝适配React/Vue/Angular
- 双模式支持：可直接导入预编译CSS，或通过Sass深度定制主题变量
- 全面TypeScript类型支持：从组件属性到实用函数，提供智能代码补全
为开发者打造"游戏化"体验
安装仅需一行命令：
npm install @ningze/paraore-ui无论是快速构建Minecraft风格配置面板，还是为游戏化应用注入灵魂，ParaOre-UI都能大幅节省样式调试时间。那些复杂的渐变边框、按压反馈和加载动画——皆已为您备妥。
开源需慎用
我们必须坦诚说明：虽然Mojang已开源OreUI的状态管理代码，但OreUI视觉样式的版权归属仍不明确。ParaOre-UI虽以MIT许可证开源，但我们建议仅限于个人学习、开源项目或非商业场景使用。部署前请务必评估法律风险。
献给社区的礼物
十七小时的密集开发——从 Sass 架构设计到 TypeScript 类型定义，从 Web Components 封装到构建流程优化——不仅是技术实践，更是对《我的世界》社区的深情致意。
若您渴望在网页领域重现基岩版UI的魅力，诚邀您探索：
- 🔗 GitHub：https://github.com/NingZeStudio/ParaOre-UI
- 📦 NPM：
@ningze/paraore-ui
一颗星是对此十七小时心血最珍贵的认可。我们期待您的问题反馈与拉取请求，携手将这方"方块世界"的UI美学带向更广阔天地。
作者：JanePHPDev | NingZeStudio