office-ui-fabric-react VS base web

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.

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.

Storybook Github Figma Specs Documentation [Component Roadmap]

GitHub: https://github.com/microsoft/fluentui

https://github.com/microsoft/fluentui/wiki/Fluent-UI-React-Roadmap

Hooks, Charts, etc everything

Thanks for the recommendation. I've used VMware's Clarity professionally (https://clarity.design/) and it's pretty bad (design and code wise). There's also IBM's Carbon (https://carbondesignsystem.com/); I love its design but it's incomplete in some areas. Microsoft has Fluent UI (https://github.com/microsoft/fluentui) which I have never used.

Don't forget to check out https://react.fluentui.dev for more code samples and find out the latest on GitHub.

For ready made components and ds built on the above library https://github.com/microsoft/fluentui/tree/master/packages/web-components

Issue, Pull Request, Blog Post

🔍 Site ⭐ GitHub

Base web https://baseweb.design/ or Material UI https://mui.com/

I've also played around with Base which has much more flexibility but takes a little more work to use.

We used Base Web to benchmark Ladle and latest Storybook v6.4.19. Base Web is a complex component library and has about 350 stories. The Storybook uses the default bootstrapped settings. The test is made on MBP 2018, i7 2.7 GHz. The time is measured in seconds and less is better.

A standout example of these is Base Web (in npm as baseui), a design system and UI library created by Uber to help devs create beautiful, device-agnostic apps. Base Web consists of a series of React components and is designed to be “reliable, accessible, and extensively customizable.”

Base Web! By far the most underrated UI library, which is open sourced and maintained by Uber. Visually it’s unopinionated because it’s meant to be overridden, and has a nice API for overriding every aspect of it with a robust theming config.

From evergreen : https://evergreen.segment.com/ From uber : https://baseweb.design/

Development of this project started without a dedicated UI team. We had a rough idea of how it’s going to look like based on descriptions and small sketches of our creative director. We wanted to focus on developing core functionalities like sign-in & login, managing users, creating content, and so on. To speed things up, we decided to use Base Web (well, we started from material-ui, but we didn’t like its approach to styling back then).

View on GitHub