
Fomantic-UI
流行 Semantic-UI 框架的官方社区分支。
[!NOTE] Fomantic 旨在继续 Semantic-UI 的积极开发,并计划在积极开发重启后合并回主仓库。 如需更多信息,请阅读以下问题 Semantic-Org/Semantic-UI#6109 Semantic-Org/Semantic-UI#6413
编辑: 自我们启动该项目以来,情况发生了许多变化,我们现在已开始开发 FUI v3。 您可以在此处](https://github.com/fomantic/Fomantic-UI/issues/319)阅读有关 v3 提案的更多信息。 为了明确起见,合并回 SUI 仍然是我们的意图,请阅读此评论](https://github.com/fomantic/Fomantic-UI/issues/319#issuecomment-461736399)以获取更多信息
Fomantic 允许开发者快速构建美观的网站,通过简洁的 HTML、直观的 javascript 和简化的调试,帮助使前端开发成为一种愉悦的体验。Fomantic 采用响应式设计,使您的网站能够在多种设备上缩放。
📡 Installation
npm install fomantic-ui
生活在边缘?试试我们的夜间构建,抢先体验新功能和错误修复!
npm install fomantic-ui@nightly
Fomantic 包含一个交互式安装程序,帮助您设置项目。
💻 浏览器支持
Chrome >= 88
Edge >= 88
Safari >= 14.1
Firefox >= 82
Opera >= 75
Samsung Internet >= 15iOS >= 14.1
Android >= 8
📦 其他包
| 环境 | 安装命令 | 仓库 | 第三方 |
|---|---|---|---|
| 仅 CSS | npm install fomantic-ui-css | Fomantic-UI-CSS | |
| LESS | npm install fomantic-ui-less | Fomantic-UI-LESS | |
| SASS | gem 'fomantic-ui-sass' | Fomantic-UI-SASS | ✅ |
💬 社区
💡 获取帮助
如果您需要解决某个问题,我们提供多种获取支持的方式。您可以在 GitHub 上发布使用问题, 也可以在我们的社区 Discord 服务器中提问。
🐛 提交 Bug 和增强建议
GitHub Issues 用于提出增强建议和报告 Bug。在提交 Bug 之前,请确保您执行了以下操作:
- 检查该问题是否已被提出。
- Fork 此 boilerplate JSFiddle 以创建可复现的 Bug 示例。如果 Bug 在文档中显而易见,您可以直接链接到文档示例,但请明确说明如何复现该问题。只有包含测试用例的 Bug 才能被分诊。
- 如果提交增强建议,请尝试在 JSFiddle 中创建它,如果没有也没关系,但请清楚地解释您的需求。
📝 Pull Requests
在创建 pull request 之前,请务必阅读 Contributing Guide 和我们的 Code of Conduct,这里解释了关于为 Fomantic 做出贡献的所有必要信息。

