4 ms·

What do you guys think of the Carbon Design System[1]? It's an open source design system created and maintained by IBM, with official implementations in React,

What do you guys think of the Carbon Design System[1]? It's an open source design system created and maintained by IBM, with official implementations in React, vanilla JS and web components and community implementations for Angular, Vue and Svelte. Are there people using it in production, or for serious side projects? [1] https://carbondesignsystem.com/ https://carbondesignsystem.com/

RussianCow 5y ago
This is the first I'm hearing of it, but my initial impression is pretty poor given that there is no loading indicator when you click any link on the website, so if a page takes a while to load, there is absolutely no indication that anything is happening. I know it's petty, but that doesn't set a good tone for the rest of the design system.
- OJFord 5y ago
  Whether or not the docs site uses them itself, there are two: https://carbondesignsystem.com/components/loading/usage/ https://carbondesignsystem.com/components/loading/usage/ https://carbondesignsystem.com/components/inline-loading/usage/ https://carbondesignsystem.com/components/inline-loading/usa...
kodah 5y ago
I used it in Svelte for a desktop app I wrote. It was okay. Like a lot of design frameworks I found it to be pretty rigid. However, take what I say with a grain of salt. I really like CSS frameworks like Tailwind that I can combine with something like Svelte.
ishitatsuyuki 5y ago
Carbon is absolutely amazing. They are using a very flat style in pursuit of a modern corporate brand, just like a lot of other tech companies today, but the design also incorporates a lot of traditional and familiar elements. It’s a rare instance of flat UI that does not feel mobile oriented and half assed on desktop. Carbon components are also the most accessible component set I have seen, and they go through great lengths doing automated and manual accessibility testing. The library though, is a bit lackluster. It’s tailored for IBM’s internal need, and is still a bit far from a complete framework. So you need to be prepared to write some CSS as well as designing your own components when you need one.

RussianCow 5y ago

This is the first I'm hearing of it, but my initial impression is pretty poor given that there is no loading indicator when you click any link on the website, so if a page takes a while to load, there is absolutely no indication that anything is happening. I know it's petty, but that doesn't set a good tone for the rest of the design system.

OJFord 5y ago
Whether or not the docs site uses them itself, there are two: https://carbondesignsystem.com/components/loading/usage/ https://carbondesignsystem.com/components/loading/usage/ https://carbondesignsystem.com/components/inline-loading/usage/ https://carbondesignsystem.com/components/inline-loading/usa...

kodah 5y ago

I used it in Svelte for a desktop app I wrote. It was okay. Like a lot of design frameworks I found it to be pretty rigid. However, take what I say with a grain of salt. I really like CSS frameworks like Tailwind that I can combine with something like Svelte.

ishitatsuyuki 5y ago

Carbon is absolutely amazing. They are using a very flat style in pursuit of a modern corporate brand, just like a lot of other tech companies today, but the design also incorporates a lot of traditional and familiar elements. It’s a rare instance of flat UI that does not feel mobile oriented and half assed on desktop. Carbon components are also the most accessible component set I have seen, and they go through great lengths doing automated and manual accessibility testing. The library though, is a bit lackluster. It’s tailored for IBM’s internal need, and is still a bit far from a complete framework. So you need to be prepared to write some CSS as well as designing your own components when you need one.