Fluentui
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| Fluentui | 15,769 | | 658 | 408 | 9 hours ago | 1,487 | September 23, 2022 | 735 | other | TypeScript |
| Fluent UI web represents a collection of utilities, React components, and web components for building web applications. | ||||||||||
| Frontend Bootcamp | 10,513 | a year ago | 17 | other | ||||||
| Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux | ||||||||||
| Fluentui System Icons | 4,597 |  | 30 | a day ago | 143 | September 13, 2022 | 139 | mit | HTML | |
| Fluent System Icons are a collection of familiar, friendly and modern icons from Microsoft. | ||||||||||
| Awesome Typescript | 3,658 | 15 days ago | 64 | |||||||
| A collection of awesome TypeScript resources for client-side and server-side development | ||||||||||
| Docx | 3,223 |  | 47 | 77 | 21 hours ago | 64 | September 22, 2022 | 82 | mit | TypeScript |
| Easily generate and modify .docx files with JS/TS with a nice declarative API. Works for Node and on the Browser. | ||||||||||
| Botframework Emulator | 1,696 | 6 days ago | 3 | February 15, 2019 | 128 | mit | TypeScript | |||
| A desktop application that allows users to locally test and debug chat bots built with the Bot Framework SDK. | ||||||||||
| React Uwp | 1,172 |  | 73 | 1 | a year ago | 35 | October 12, 2021 | 56 | mit | TypeScript |
| 📱⌨ React Components that Implement Microsoft's UWP Design & Fluent Design. | ||||||||||
| Add To Calendar Button | 1,149 | 2 days ago | 4 | other | JavaScript | |||||
| The convenient JavaScript snippet, which lets you reliably create beautiful buttons, where people can add events to their calendars. | ||||||||||
| Microsoft Graph Toolkit | 811 |  | 12 | 21 hours ago | 294 | July 14, 2022 | 275 | other | TypeScript | |
| Authentication Providers and UI components for Microsoft Graph 🦒 | ||||||||||
| Accessibility Insights Web | 741 |  | 1 | 19 hours ago | 29 | July 01, 2022 | 59 | mit | TypeScript | |
| Accessibility Insights for Web | ||||||||||
Fluent UI Web
Fluent UI React is shipping its v9 final stable release. Visit the Fluent UI React v9 Release page on the wiki to learn more about the upcoming release schedule.
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
This repo is home to 3 separate projects today. Combining Fluent UI React v9 components with Fluent UI React v8 or v0 components is possible and allows gradual migration to Fluent UI v9.
The following table will help you navigate the 3 projects and understand their differences.
| React Components (v9) | React (v8) | Web Components | |
|---|---|---|---|
| Overview | New, future-proof and forward looking | Mature | Web Component implementation of Fluent UI. |
| Used By | Microsoft 365 | Office | Edge |
| Read Me | README.md | README.md | README.md |
| Changelog | CHANGELOG.md | CHANGELOG.md | CHANGELOG.md |
| Repo | packages/react-components | ./packages/react | ./packages/web-components |
| Quick Start | Quick Start | Quick Start | See README.md |
| Docs | https://react.fluentui.dev/ | aka.ms/fluentui-react | aka.ms/fluentui-web-components |
| NPM | @fluentui/react-components |
@fluentui/react |
@fluentui/web-components |
| Version |  |
 |
 |
| Issues | ?label=issues&style=flat-square) |
?label=issues&style=flat-square) |
 |
Why are there two React versions? Fluent UI v8 is still widely used. We encourage you to migrate to Fluent UI v9. See the Migration overview.
FluentUI Insights
Fluent UI Insights is a series that describes the design and decisions behind the Fluent UI design system.
| EP01: Positioning | EP02: Styling | EP03: Griffel |
|---|---|---|
 |
 |
 |
| EP04: Foundational APIs | EP05: Theming |
|---|---|
 |
 |
Licenses
All files on the Fluent UI React GitHub repository are subject to the MIT license. Please read the License file at the root of the project.
Usage of the fonts and icons referenced in Fluent UI React is subject to the terms of the assets license agreement.
Changelog
You can view the complete list of additions, fixes, and changes in the CHANGELOG.md file for each package.
Looking for Office UI Fabric React?
The Office UI Fabric React project has evolved to Fluent UI.
The office-ui-fabric-react repo is now this repo (fluentui in the Microsoft organization)! The name change should not disrupt any current Fabric usage, repo clones, pull requests or issue reporting. Links should redirect to the new location. The library formerly known as office-ui-fabric-react is now available as @fluentui/react (see above table for more information).
We have a lot in store for Fluent UI - Read our announcement here.
Looking for Fluent UI React Northstar?
Fluent UI React Northstar has been superseded by Fluent UI React Components v9. For more details about Fluent UI React Northstar, see its README.md.
This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.
