base web VS semantic-ui-react

🔍 Site ⭐ GitHub

Uber's

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

Great, thank you! There are many I've already found at first look. Which design system do you think is the best? I always look for the ones that come with code, like Uber's Base and IBM's Carbon Design System both built with React.

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/

Eg : Uber's design system

Official Website: https://react.semantic-ui.com/

Semantic UI React is a toolkit that simplifies styling for React developers. It provides a set of pre-designed components, acting like stylish building blocks for your web projects. With Semantic UI React, you can effortlessly create a polished and responsive user interface without starting from scratch. It's a go-to choice for developers looking to add a professional touch to their React applications, making the process of designing visually appealing interfaces both quick and enjoyable.

Material-UI Ant Design Chakra UI Semantic UI React

GitHub stars: 13.1k GitHub link: https://github.com/Semantic-Org/Semantic-UI-React Documentation: https://react.semantic-ui.com/usage

There are around 50 useful components in multiple styles and variations for your React application. As of August 2023, the total GitHub stars of Semantic UI React are more than 13K and weekly NPM downloads are around 250K.

- semantic UI: https://react.semantic-ui.com/ (haven't really tried but I heard good things)

3. Semantic UI React

Semantic UI - click here

Just have a simple question I don't want to make a new thread about... I'm enjoying https://react.semantic-ui.com/ but wondering if there's a more robust library. Suggestions welcome.

There are other libraries as well like tailwind, and component libraries like Semantic UI, React Bootstrap, Ant Design, Chakra UI, BluePrint, Material UI, etc., which you can try out.