[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-685":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":34,"readmeContent":35,"aiSummary":36,"trendingCount":16,"starSnapshotCount":16,"syncStatus":37,"lastSyncTime":38,"discoverSource":39},685,"Semantic-UI","Semantic-Org\u002FSemantic-UI","Semantic-Org","Semantic is a UI component framework based around useful principles from natural language.","http:\u002F\u002Fwww.semantic-ui.com",null,"JavaScript",51066,4872,1270,964,0,1,50.1,"MIT License",false,"master",true,[24,25,26,27,28,29,30,31,32,33],"button","css-framework","dropdown","flexbox","popup","semantic","sidebar","tooltip","ui","ui-components","2026-06-11 04:00:33","![Semantic](http:\u002F\u002Fsemantic-ui.com\u002Fimages\u002Flogo.png)\n\n# Semantic UI\n\n[![Join the chat at https:\u002F\u002Fgitter.im\u002FSemantic-Org\u002FSemantic-UI](https:\u002F\u002Fbadges.gitter.im\u002FJoin%20Chat.svg)](https:\u002F\u002Fgitter.im\u002FSemantic-Org\u002FSemantic-UI?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\n\n[![CDNJS](https:\u002F\u002Fimg.shields.io\u002Fcdnjs\u002Fv\u002Fsemantic-ui.svg)](https:\u002F\u002Fcdnjs.com\u002Flibraries\u002Fsemantic-ui\u002F)\n\n[Semantic](http:\u002F\u002Fwww.semantic-ui.com) is a UI framework designed for theming.\n\nKey Features\n* 50+ UI elements\n* 3000 + CSS variables\n* 3 Levels of variable inheritance (similar to SublimeText)\n* Built with EM values for responsive design\n* Flexbox friendly\n\nSemantic allows developers to build beautiful websites fast, with **concise HTML**, **intuitive javascript**, and **simplified debugging**, helping make front-end development a delightful experience. Semantic is responsively designed allowing your website to scale on multiple devices. Semantic is production ready and partnered with frameworks such as **React**, **Angular**, **Meteor**, and **Ember**, which means you can integrate it with any of these frameworks to organize your UI layer alongside your application logic.\n\n## 2.5.0 Release (Oct 6, 2022)\n\nSemantic UI is now compatible with Node 18 and Gulp 4. \n\n## User Support\n\nPlease help us keep the issue tracker organized. For technical questions that do not include a specific [JSFiddle test case](https:\u002F\u002Fjsfiddle.net\u002Fca0rovs3\u002F) (bug reports), or feature request please use [StackOverflow](http:\u002F\u002Fstackoverflow.com\u002Fquestions\u002Ftagged\u002Fsemantic-ui) to find a solution.\n\nVisit our [contributing guide](https:\u002F\u002Fgithub.com\u002FSemantic-Org\u002FSemantic-UI\u002Fblob\u002Fmaster\u002FCONTRIBUTING.md) for more on what should be posted to GitHub Issues.\n\n## Install\n\n#### Recommended Install\n```bash\nnpm install semantic-ui  # Use themes, import build\u002Fwatch tasks into your own gulpfile.\n```\n\nSemantic UI includes an interactive installer to help setup your project.\n\n* For more details on setup visit our [getting started guide](http:\u002F\u002Fsemantic-ui.com\u002Fintroduction\u002Fgetting-started.html).\n* To learn more about theming please read our [theming guide](http:\u002F\u002Fwww.semantic-ui.com\u002Fusage\u002Ftheming.html)\n\n#### Additional Versions\n\nEnvironment | Install Script | Repo\n--- | --- | --- |\nCSS Only | `npm install semantic-ui-css` | [CSS Repo](https:\u002F\u002Fgithub.com\u002FSemantic-Org\u002FSemantic-UI-CSS)\n[LESS](https:\u002F\u002Fgithub.com\u002Fless\u002Fless.js\u002F) Only | `npm install semantic-ui-less` | [LESS Repo](https:\u002F\u002Fgithub.com\u002FSemantic-Org\u002FSemantic-UI-LESS)\n[LESS](https:\u002F\u002Fgithub.com\u002Fless\u002Fless.js\u002F) plugin | `npm install less-plugin-semantic-ui` | [LESS Plugin Repo](https:\u002F\u002Fgithub.com\u002Fbassjobsen\u002Fless-plugin-semantic-ui\u002F)\n[EmberJS](http:\u002F\u002Femberjs.com\u002F) | `ember install:addon semantic-ui-ember` | [Ember Repo](https:\u002F\u002Fgithub.com\u002FSemantic-Org\u002FSemantic-UI-Ember)\n|[Meteor](https:\u002F\u002Fwww.meteor.com\u002F) - [LESS](https:\u002F\u002Fgithub.com\u002Fless\u002Fless.js\u002F) | `meteor add semantic:ui` | [Meteor Repo](https:\u002F\u002Fgithub.com\u002FSemantic-Org\u002FSemantic-UI-Meteor) |\n|[Meteor](https:\u002F\u002Fwww.meteor.com\u002F) - CSS | `meteor add semantic:ui-css` | [CSS Repo](https:\u002F\u002Fgithub.com\u002FSemantic-Org\u002FSemantic-UI-CSS) |\n[Bower](http:\u002F\u002Fbower.io\u002F) | `bower install semantic-ui` |\n\nCheck out our [integration wiki](https:\u002F\u002Fgithub.com\u002FSemantic-Org\u002FSemantic-UI\u002Fwiki\u002FIntegration) for more options.\n\n#### Browser Support\n\n* Last 2 Versions FF, Chrome, Safari Mac\n* IE 11+\n* Android 4.4+, Chrome for Android 44+\n* iOS Safari 7+\n* Microsoft Edge 12+\n\nAlthough some components will work in IE9, [grids](http:\u002F\u002Fsemantic-ui.com\u002Fcollections\u002Fgrid.html) and other [flexbox](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FGuide\u002FCSS\u002FFlexible_boxes) components are not supported by IE9 and may not appear correctly.\n\n## Community\n\n#### Getting Help\nPlease **do not post** usage questions to GitHub Issues. For these types of questions use our [Gitter chatroom][Gitter.im Room] or [StackOverflow](http:\u002F\u002Fstackoverflow.com\u002Fquestions\u002Ftagged\u002Fsemantic-ui).\n\n#### Submitting Bugs and Enhancements\n[GitHub Issues](https:\u002F\u002Fgithub.com\u002FSemantic-Org\u002FSemantic-UI\u002Fissues) is for suggesting enhancements and reporting bugs. Before submiting a bug make sure you do the following:\n* Check out our [contributing guide](https:\u002F\u002Fgithub.com\u002FSemantic-Org\u002FSemantic-UI\u002Fblob\u002Fmaster\u002FCONTRIBUTING.md) for info on our release cycle.\n* [Fork this boilerplate JSFiddle](https:\u002F\u002Fjsfiddle.net\u002Fca0rovs3\u002F) to create a test case for your bug. If a bug is apparent in the docs, that's ok as a test case, just make it clear exactly how to reproduce the issue. Only bugs that include a test case can be triaged.\n\n\n#### Pull Requests\n\nWhen adding pull requests, be sure to merge into the [next](https:\u002F\u002Fgithub.com\u002FSemantic-Org\u002FSemantic-UI\u002Ftree\u002Fnext) branch. If you need to demonstrate a fix in ``next`` release, you can use [this JSFiddle](https:\u002F\u002Fjsfiddle.net\u002Fca0rovs3\u002F)\n\n\n#### International\n\n* **Chinese** A Chinese mirror site is available at [http:\u002F\u002Fwww.semantic-ui.cn](http:\u002F\u002Fwww.semantic-ui.cn).\n* **Right-to-Left (RTL)** An RTL version can be created using our build tools by selecting `rtl` from the install script.\n* **Translation** To help translate see the [Wiki Guide](https:\u002F\u002Fgithub.com\u002FSemantic-Org\u002FSemantic-UI\u002Fwiki\u002FTranslating-Semantic-UI-Docs) for translations.\n\n#### Resources\n\nResource | Description\n--- | --- |\nBugs & Feature Requests |  All bug submission **require** a link to a test case, and a set of steps to reproduce the issue. You can make a test case by forking this [JSFiddle](https:\u002F\u002Fjsfiddle.net\u002Fca0rovs3\u002F), then submit your [bug report on GitHub Issues](https:\u002F\u002Fgithub.com\u002FSemantic-Org\u002FSemantic-UI\u002Fissues)\nLive Chat | Join our [Gitter.im Room][Gitter.im Room]\nNewsletter Updates | Sign up for updates at [semantic-ui.com](http:\u002F\u002Fwww.semantic-ui.com)\nAdditional Resources  | Submit a question on [StackOverflow](http:\u002F\u002Fstackoverflow.com\u002Fquestions\u002Ftagged\u002Fsemantic-ui) or ask our [Google Group](https:\u002F\u002Fgroups.google.com\u002Fforum\u002F#!forum\u002Fsemantic-ui)\n\n#### Places to Help\n\nProject | How To Help | Next Step\n--- | --- | --- |\nLocalization | Help us translate Semantic UI into your language | [Join our Translation Community](https:\u002F\u002Fgithub.com\u002FSemantic-Org\u002FSemantic-UI\u002Fwiki\u002FTranslating-Semantic-UI-Docs)\n[SCSS](http:\u002F\u002Fsass-lang.com\u002F) | SASS needs PR to support variables inside `@import` | [Add Pull Request](https:\u002F\u002Fgithub.com\u002Fsass\u002Fsass\u002Fpulls) for [#739](https:\u002F\u002Fgithub.com\u002Fsass\u002Fsass\u002Fissues\u002F739#issuecomment-73984809)\n[Angular](https:\u002F\u002Fangularjs.org\u002F) | Help develop angular bindings | Reach Out on [GitHub Issues](https:\u002F\u002Fgithub.com\u002FSemantic-Org\u002FSemantic-UI-Angular\u002Fissues\u002F8)\nGuides & Tutorials | Help write guides and tutorials | [Join the discussion](https:\u002F\u002Fgithub.com\u002FSemantic-Org\u002FSemantic-UI\u002Fissues\u002F1571)\n\n#### Reaching Out\n\nIf you'd like to start a conversation about Semantic feel free to e-mail me at [jack@semantic-ui.com](mailto:jack@semantic-ui.com)\n\n\u003Ca href=\"http:\u002F\u002Fpackagequality.com\u002F#?package=semantic-ui\">\u003Cimg src=\"http:\u002F\u002Fnpm.packagequality.com\u002Fbadge\u002Fsemantic-ui.png\"\u002F>\u003C\u002Fa>\n\n[Gitter.im Room]: https:\u002F\u002Fgitter.im\u002FSemantic-Org\u002FSemantic-UI\n","Semantic UI 是一个基于自然语言原则设计的UI组件框架，旨在通过简洁的HTML和直观的JavaScript帮助开发者快速构建美观的网站。它提供了超过50种UI元素、3000多个CSS变量以及三级变量继承机制，支持响应式设计，并且与Flexbox兼容。此外，该框架还支持多种前端开发框架如React、Angular等，便于集成到现有项目中。由于其强大的主题定制能力和易于使用的特性，Semantic UI非常适合需要快速搭建用户界面并保持一致视觉风格的Web开发场景。",2,"2026-06-11 02:38:38","top_all"]