office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications. (by microsoft)
material-web
Material Design Web Components (by material-components)
Our great sponsors
| office-ui-fabric-react | material-web | |
|---|---|---|
| 29 | 10 | |
| 17,685 | 8,604 | |
| 1.4% | 4.1% | |
| 9.9 | 9.8 | |
| 3 days ago | 4 days ago | |
| TypeScript | TypeScript | |
| GNU General Public License v3.0 or later | Apache License 2.0 |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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
Posts with mentions or reviews of office-ui-fabric-react.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-01-21.
-
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)
material-web
Posts with mentions or reviews of material-web.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-04-04.
- Web Components e a minha opinião sobre o futuro das libs front-end
-
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.
-
Google Material Web
Guess there was a 1.0 3 weeks ago: https://github.com/material-components/material-web/discussi...
-
I shaved 80 MB from my TypeScript build by removing googleapis
There is a new “official” one in the works here [1] that uses lots of the “latest and greatest stuff” and should be very fast when it’s finished (later this year). As far as I know it’s set to become the new default company wide implementation of Material on web.
[1] https://github.com/material-components/material-web
-
Using native form with web components + felte no data being passed
I'm using material-web web components inside a form with felte.dev
- Easiest Front-End framework for backend developers?
-
Phoenix with Material Design
If you're going for full SSR and don't want to have to worry about JavaScript, I'd just grab the MDC web components library from Google. That's going to be the easiest time you'll have without implementing a front end framework.
-
Announcing Silkenweb: A reactive VDOM-less web framework using plain rust syntax
Ultimately, I'd like to be able to write reasonably complex client/server web apps in Rust, so the next medium term thing on my list is web components (as a consumer). That'll allow a lot of existing Javascript components to be reused. For example: Microsoft Fast, Material Web Components and UI5.
-
List of Web Component libraries and systems
Material Design (Google)
- Material design on typescript without angular
What are some alternatives?
When comparing office-ui-fabric-react and material-web you can also consider the following projects:
fluent-ui - 🌈 React components that inspired by Microsoft's Fluent Design System.
sycamore - A library for creating reactive web apps in Rust and WebAssembly
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
lwc - ⚡️ LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation
react-bootstrap - Bootstrap components built with React
patternfly-elements - PatternFly Elements. A set of community-created web components based on PatternFly design.
base web - A React Component library implementing the Base design language
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
antd - An enterprise-class UI design language and React UI library
spectrum-web-components - Spectrum Web Components
carbon - A design system built by IBM
silkenweb - A library for writing reactive single page web apps
office-ui-fabric-react vs fluent-ui
material-web vs sycamore
office-ui-fabric-react vs Material UI
material-web vs lwc
office-ui-fabric-react vs react-bootstrap
material-web vs patternfly-elements
office-ui-fabric-react vs base web
material-web vs solid
office-ui-fabric-react vs antd
material-web vs spectrum-web-components
office-ui-fabric-react vs carbon
material-web vs silkenweb