{"id":13793364,"url":"https://github.com/fluent-org/fluent-windows","last_synced_at":"2025-10-10T00:35:08.676Z","repository":{"id":40774972,"uuid":"196823404","full_name":"fluent-org/fluent-windows","owner":"fluent-org","description":"🌈 React components that inspired by Microsoft's Fluent Design System.","archived":false,"fork":false,"pushed_at":"2023-01-26T16:03:23.000Z","size":11002,"stargazers_count":123,"open_issues_count":14,"forks_count":9,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-06-26T01:02:37.090Z","etag":null,"topics":["fluent-design","microsoft-fluent","react","react-component","react-components","react-hooks","reactjs"],"latest_commit_sha":null,"homepage":"https://fluent-windows.com","language":"TypeScript","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/fluent-org.png","metadata":{"files":{"readme":"README-zh_CN.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-07-14T10:33:02.000Z","updated_at":"2024-03-04T06:41:35.000Z","dependencies_parsed_at":"2023-02-14T19:16:27.826Z","dependency_job_id":null,"html_url":"https://github.com/fluent-org/fluent-windows","commit_stats":null,"previous_names":["fluent-org/fluent-ui"],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/fluent-org/fluent-windows","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fluent-org%2Ffluent-windows","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fluent-org%2Ffluent-windows/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fluent-org%2Ffluent-windows/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fluent-org%2Ffluent-windows/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fluent-org","download_url":"https://codeload.github.com/fluent-org/fluent-windows/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fluent-org%2Ffluent-windows/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262442445,"owners_count":23311776,"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":["fluent-design","microsoft-fluent","react","react-component","react-components","react-hooks","reactjs"],"created_at":"2024-08-03T23:00:19.664Z","updated_at":"2025-10-10T00:35:03.638Z","avatar_url":"https://github.com/fluent-org.png","language":"TypeScript","funding_links":[],"categories":["目录"],"sub_categories":["\u003ca id=\"ui\"\u003eui\u003c/a\u003e"],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://fluent-windows.com/\" target=\"_blank\"\u003e\n    \u003cimg width=\"150\" src=\"https://fluent-windows.com/images/fluent-windows.svg\" alt=\"Fluent-Windows logo\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://fluent-windows.com/\" rel=\"noopener\" target=\"_blank\"\u003e\n    \u003ch1 align=\"center\"\u003eFluent-Windows\u003c/h1\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n一套受 [Microsoft's Fluent Design System](https://www.microsoft.com/design/fluent/) 启发的 [React](https://reactjs.org/) 组件库。\n\n[![npm](https://img.shields.io/npm/v/@fluent-windows/core.svg?style=flat-square)](https://www.npmjs.com/package/@fluent-windows/core)\n[![CircleCI](https://img.shields.io/circleci/build/github/fluent-org/fluent-windows/master.svg?style=flat-square)](https://circleci.com/gh/fluent-org/fluent-windows/tree/master)\n[![codecov](https://img.shields.io/codecov/c/github/fluent-org/fluent-windows.svg?style=flat-square)](https://codecov.io/gh/fluent-org/fluent-windows)\n[![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](https://github.com/fluent-org/fluent-windows/blob/master/LICENSE)\n![Code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)\n[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg?style=flat-square)](https://lerna.js.org/)\n\n\u003c/div\u003e\n\n[English](https://github.com/fluent-org/fluent-windows/blob/master/README.md) | 简体中文\n\n## 安装\n\n使用以下命令安装在项目目录中：\n\n```\n// with npm\nnpm install @fluent-windows/core\n\n// with yarn\nyarn add @fluent-windows/core\n```\n\n## 用法\n\n这是一个快速入门的示例。\n\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport Button from '@fluent-windows/core/Button';\nimport ThemeProvider from '@fluent-windows/core/ThemeProvider';\n\nfunction App() {\n  return (\n    \u003cThemeProvider\u003e\n      \u003cButton variant=\"primary\"\u003e\n        Hello World\n      \u003c/Button\u003e\n    \u003c/ThemeProvider\u003e\n  );\n}\n\nReactDOM.render(\u003cApp /\u003e, document.querySelector('#root'));\n```\n\n[![Edit basic-demo](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/basic-demo-l79to)\n\n## 文档\n\n查看我们的[文档网站](https://fluent-windows.com)。\n\n## 更新日志\n\n查看最近更新的内容请看 [changelog](https://github.com/fluent-org/fluent-windows/blob/master/CHANGELOG.md).\n\n## 链接\n\n- [Fluent-Windows-Icons](https://github.com/fluent-org/fluent-windows/blob/master/packages/fluent-windows-icons/README.md) - [示例/文档](https://fluent-windows.com/components/icon)\n- [Fluent-Windows-Hooks](https://github.com/fluent-org/fluent-windows/blob/master/packages/fluent-windows-hooks/README.md) - [示例/文档](https://fluent-windows.com/hooks/guide)\n- [Fluent-Windows-Styles](https://github.com/fluent-org/fluent-windows/blob/master/packages/fluent-windows-styles/README.md)\n\n## License\n\n该项目遵循 [MIT license](https://github.com/fluent-org/fluent-windows/blob/master/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffluent-org%2Ffluent-windows","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffluent-org%2Ffluent-windows","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffluent-org%2Ffluent-windows/lists"}