office-ui-fabric-react
components
Our great sponsors
| office-ui-fabric-react | components | |
|---|---|---|
| 29 | 9 | |
| 17,667 | 2,262 | |
| 1.3% | 1.7% | |
| 9.9 | 9.8 | |
| 6 days ago | 3 days ago | |
| TypeScript | TypeScript | |
| GNU General Public License v3.0 or later | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
office-ui-fabric-react
-
Making Web Component properties behave closer to the platform
For example, all the following design systems can be used without tooling (some of them provide ready-to-use bundles, others can be used through import maps): Google's Material Web, Microsoft's Fluent UI, IBM's Carbon, Adobe's Spectrum, Nordhealth's Nord, Shoelace, etc.
- Fluent UI React Components v9
-
The importance of having native apps on Windows. Having an OS relying on a web browser solely is unacceptable. To all those devs still believing in UWPs apps. Thank you.
We are migrating to Fluent v9, which has notable performance benefits with CSS-in-JavaScript. More information on React Fluent UX can be found at https://react.fluentui.dev.
-
Best UI library as an alternative to Fluent UI?
Storybook Github Figma Specs Documentation [Component Roadmap]
- Fluent Insights EP4: Slots
-
How can I add .md file to Storybook without using .mdx
fluentui/packages/react-components/react-button/stories/Button at master · microsoft/fluentui (github.com)
-
What's new with Fluent UI React v9: October Update
First, we recommend folks checkout our latest update on the Component Lifecycle Process and our Component Roadmap as it's been updated for FY23Q2.
-
Fluent UI React Component Lifecycle
This is just an overview of the general process and requirements, but if you want to get into some of the details, check out the work that's gone into the Card component epic.
-
What's the status of Microsoft Fluent UI? Soon ready to use?
https://github.com/microsoft/fluentui/wiki/Fluent-UI-React-Roadmap
Hooks, Charts, etc everything
- Framework Gesuch (WebDev)
components
-
CloudScape Design with NextJS
This is because Cloudscape uses the useLayoutEffect hook to render the components. And the useLayoutEffect hook is not supported in the server renderer. The Cloudscape team does not intend to Replace useLayoutEffect at the moment. You can read more about it here.
-
I love me some Electron app
Maybe not the Amazon site, but the AWS console is built in React
- AWS开源了AWS控制台设计系统 (AWS open sourced the AWS console design system)
-
AWS open sourced the AWS console design system
That doesn't look like it's been open sourced yet, unfortunately.
https://github.com/cloudscape-design/components/discussions/...
What are some alternatives?
fluent-ui - 🌈 React components that inspired by Microsoft's Fluent Design System.
@blueprintjs/core - A React-based UI toolkit for the web
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
polaris - Shopify’s design system to help us work together to build a great experience for all of our merchants.
react-bootstrap - Bootstrap components built with React
tabler - Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
base web - A React Component library implementing the Base design language
design-system - Masala Design System (MDS) is an open-source design system built at Innovaccer. This is a simple and customisable component library to build faster, beautiful, and more accessible React applications on the guidelines and principles of Masala Design System.
antd - An enterprise-class UI design language and React UI library
clarity - Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
carbon - A design system built by IBM
styled - Minimal CSS-in-JS styled components solution for React.