{"id":13350643,"url":"https://github.com/Semantic-Org/Semantic-UI","last_synced_at":"2025-03-12T09:32:49.589Z","repository":{"id":7922512,"uuid":"9309093","full_name":"Semantic-Org/Semantic-UI","owner":"Semantic-Org","description":"Semantic is a UI component framework based around useful principles from natural language.","archived":false,"fork":false,"pushed_at":"2024-06-17T09:33:29.000Z","size":113116,"stargazers_count":51118,"open_issues_count":1076,"forks_count":4944,"subscribers_count":1295,"default_branch":"master","last_synced_at":"2024-10-29T16:59:31.360Z","etag":null,"topics":["button","css-framework","dropdown","flexbox","popup","semantic","sidebar","tooltip","ui","ui-components"],"latest_commit_sha":null,"homepage":"http://www.semantic-ui.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Semantic-Org.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2013-04-08T23:32:04.000Z","updated_at":"2024-10-29T14:30:30.000Z","dependencies_parsed_at":"2023-01-13T15:00:28.078Z","dependency_job_id":"fbf42efb-1264-4182-8ae4-cf488aa01fab","html_url":"https://github.com/Semantic-Org/Semantic-UI","commit_stats":{"total_commits":6117,"total_committers":235,"mean_commits":"26.029787234042555","dds":"0.16560405427497138","last_synced_commit":"47acaa0ce4c8dcde6c76080483cf8a3566576770"},"previous_names":[],"tags_count":160,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Semantic-Org%2FSemantic-UI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Semantic-Org%2FSemantic-UI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Semantic-Org%2FSemantic-UI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Semantic-Org%2FSemantic-UI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Semantic-Org","download_url":"https://codeload.github.com/Semantic-Org/Semantic-UI/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242939959,"owners_count":20209880,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["button","css-framework","dropdown","flexbox","popup","semantic","sidebar","tooltip","ui","ui-components"],"created_at":"2024-07-29T20:02:38.057Z","updated_at":"2025-03-12T09:32:49.546Z","avatar_url":"https://github.com/Semantic-Org.png","language":"JavaScript","readme":"![Semantic](http://semantic-ui.com/images/logo.png)\n\n# Semantic UI\n\n[![Join the chat at https://gitter.im/Semantic-Org/Semantic-UI](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/Semantic-Org/Semantic-UI?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge\u0026utm_content=badge)\n\n[![CDNJS](https://img.shields.io/cdnjs/v/semantic-ui.svg)](https://cdnjs.com/libraries/semantic-ui/)\n\n[Semantic](http://www.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://jsfiddle.net/ca0rovs3/) (bug reports), or feature request please use [StackOverflow](http://stackoverflow.com/questions/tagged/semantic-ui) to find a solution.\n\nVisit our [contributing guide](https://github.com/Semantic-Org/Semantic-UI/blob/master/CONTRIBUTING.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/watch 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://semantic-ui.com/introduction/getting-started.html).\n* To learn more about theming please read our [theming guide](http://www.semantic-ui.com/usage/theming.html)\n\n#### Additional Versions\n\nEnvironment | Install Script | Repo\n--- | --- | --- |\nCSS Only | `npm install semantic-ui-css` | [CSS Repo](https://github.com/Semantic-Org/Semantic-UI-CSS)\n[LESS](https://github.com/less/less.js/) Only | `npm install semantic-ui-less` | [LESS Repo](https://github.com/Semantic-Org/Semantic-UI-LESS)\n[LESS](https://github.com/less/less.js/) plugin | `npm install less-plugin-semantic-ui` | [LESS Plugin Repo](https://github.com/bassjobsen/less-plugin-semantic-ui/)\n[EmberJS](http://emberjs.com/) | `ember install:addon semantic-ui-ember` | [Ember Repo](https://github.com/Semantic-Org/Semantic-UI-Ember)\n|[Meteor](https://www.meteor.com/) - [LESS](https://github.com/less/less.js/) | `meteor add semantic:ui` | [Meteor Repo](https://github.com/Semantic-Org/Semantic-UI-Meteor) |\n|[Meteor](https://www.meteor.com/) - CSS | `meteor add semantic:ui-css` | [CSS Repo](https://github.com/Semantic-Org/Semantic-UI-CSS) |\n[Bower](http://bower.io/) | `bower install semantic-ui` |\n\nCheck out our [integration wiki](https://github.com/Semantic-Org/Semantic-UI/wiki/Integration) 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://semantic-ui.com/collections/grid.html) and other [flexbox](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_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://stackoverflow.com/questions/tagged/semantic-ui).\n\n#### Submitting Bugs and Enhancements\n[GitHub Issues](https://github.com/Semantic-Org/Semantic-UI/issues) is for suggesting enhancements and reporting bugs. Before submiting a bug make sure you do the following:\n* Check out our [contributing guide](https://github.com/Semantic-Org/Semantic-UI/blob/master/CONTRIBUTING.md) for info on our release cycle.\n* [Fork this boilerplate JSFiddle](https://jsfiddle.net/ca0rovs3/) 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://github.com/Semantic-Org/Semantic-UI/tree/next) branch. If you need to demonstrate a fix in ``next`` release, you can use [this JSFiddle](https://jsfiddle.net/ca0rovs3/)\n\n\n#### International\n\n* **Chinese** A Chinese mirror site is available at [http://www.semantic-ui.cn](http://www.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://github.com/Semantic-Org/Semantic-UI/wiki/Translating-Semantic-UI-Docs) for translations.\n\n#### Resources\n\nResource | Description\n--- | --- |\nBugs \u0026 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://jsfiddle.net/ca0rovs3/), then submit your [bug report on GitHub Issues](https://github.com/Semantic-Org/Semantic-UI/issues)\nLive Chat | Join our [Gitter.im Room][Gitter.im Room]\nNewsletter Updates | Sign up for updates at [semantic-ui.com](http://www.semantic-ui.com)\nAdditional Resources  | Submit a question on [StackOverflow](http://stackoverflow.com/questions/tagged/semantic-ui) or ask our [Google Group](https://groups.google.com/forum/#!forum/semantic-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://github.com/Semantic-Org/Semantic-UI/wiki/Translating-Semantic-UI-Docs)\n[SCSS](http://sass-lang.com/) | SASS needs PR to support variables inside `@import` | [Add Pull Request](https://github.com/sass/sass/pulls) for [#739](https://github.com/sass/sass/issues/739#issuecomment-73984809)\n[Angular](https://angularjs.org/) | Help develop angular bindings | Reach Out on [GitHub Issues](https://github.com/Semantic-Org/Semantic-UI-Angular/issues/8)\nGuides \u0026 Tutorials | Help write guides and tutorials | [Join the discussion](https://github.com/Semantic-Org/Semantic-UI/issues/1571)\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://packagequality.com/#?package=semantic-ui\"\u003e\u003cimg src=\"http://npm.packagequality.com/badge/semantic-ui.png\"/\u003e\u003c/a\u003e\n\n[Gitter.im Room]: https://gitter.im/Semantic-Org/Semantic-UI\n","funding_links":[],"categories":["Official links","JavaScript","目录","前端开发框架及项目","开源资源","Design/UI","others","ui","Web Development","Responsive","Uncategorized","Packages"],"sub_categories":["样式/UI/css","其他_文本生成、文本对话","UI框架（CSS框架）","Scroll","Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSemantic-Org%2FSemantic-UI","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FSemantic-Org%2FSemantic-UI","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSemantic-Org%2FSemantic-UI/lists"}