6 ms·

I guess we can add Uber to this list of corporate frameworks... https://news.ycombinator.com/item?id=18235887 https://news.ycombinator.com/item?id=18235887 ht

I guess we can add Uber to this list of corporate frameworks... https://news.ycombinator.com/item?id=18235887 https://news.ycombinator.com/item?id=18235887 https://element.eleme.io/ https://element.eleme.io/ https://ant.design/ https://ant.design/ https://quasar-framework.org/ https://quasar-framework.org/ https://at-ui.github.io/at-ui/ https://at-ui.github.io/at-ui/ https://developer.microsoft.com/en-us/fabric https://developer.microsoft.com/en-us/fabric https://vmware.github.io/clarity/ https://vmware.github.io/clarity/ http://appnexus.github.io/lucid/ http://appnexus.github.io/lucid/ https://ng-lightning.github.io/ng-lightning/ https://ng-lightning.github.io/ng-lightning/ https://blueprintjs.com/ https://blueprintjs.com/ http://www.jetbrains.org/ring-ui/ http://www.jetbrains.org/ring-ui/ https://www.lightningdesignsystem.com/ https://www.lightningdesignsystem.com/ https://elastic.github.io/eui/ https://elastic.github.io/eui/ https://atlaskit.atlassian.com/ https://atlaskit.atlassian.com/

chrischen 7y ago
I've been evaluating most of these frameworks, and as far as I know Base UI is the smallest and lightest out of all these: https://bundlephobia.com/result?p=baseui@6.15.1 https://bundlephobia.com/result?p=baseui@6.15.1
- manigandham 7y ago
  They're all still big and bloated (like including big sets of icons) but you should only only include what you're using. Tree shaking with webpack and babel and a css optimizer can trim them down significantly.
  - technion 7y ago
    There's definitely still issues with that though. Try including one small component from material UI for example and the resulting bundle can still be quite significant because it bundles a lot to manage its theming.
localhostdotdev 7y ago
Github's https://primer.style/ https://primer.style/ Google's https://material.io/design/ https://material.io/design/ I guess most companies have a design system in place
abalone 7y ago
Dumb question maybe but why is Bootstrap (from Twitter) not on this list? What are the inclusion criteria?
- cseelus 7y ago
  They don’t use it anymore https://www.quora.com/What-CSS-framework-does-Twitter-use-in-2017 https://www.quora.com/What-CSS-framework-does-Twitter-use-in...
- manigandham 7y ago
  It was originally my list of interactive frontend component libraries that I now keep track of here: https://gist.github.com/manigandham/34154e63dc3c1b8747fab40de71bc38c https://gist.github.com/manigandham/34154e63dc3c1b8747fab40d... If you want style guides and design systems then the link by "oedmarap" is much better.
ArtWomb 7y ago
Jane Street's minimal OCaml-based incr_dom https://github.com/janestreet/incr_dom https://github.com/janestreet/incr_dom https://www.janestreet.com/tech-talks/intro-to-incr-dom/ https://www.janestreet.com/tech-talks/intro-to-incr-dom/
deleted 7y ago
[deleted]
wuliwong 7y ago
You seem to trying to express a negative response to the fact that these companies create design frameworks. I'm interested as to why you feel this way?
- Improvotter 7y ago
  >insert xkcd framework reference<
  - deleted 7y ago
    [deleted]
- manigandham 7y ago
  The post is just a copy of a copy: https://news.ycombinator.com/item?id=17971337 https://news.ycombinator.com/item?id=17971337 No real intent there. It's good to have large organizations donating libraries to open-source.
- TheAceOfHearts 7y ago
  I didn't read it that way at all, it's simply highlighting that there's a large number of options to chose from! It's great that more companies are publishing their design frameworks, although part of the reason for doing this is certainly to attract talent. Having partially reviewed a couple of these, I'd say quality varies quite a bit so be sure to dig through the code to see if you'd be comfortable helping maintain that. Always be sure to review the license! For example, Microsoft Fabric is MIT, but the assets (fonts and icons) are under a separate license.
- insomniacity 7y ago
  In a way yes, it was about the utility and relevance of Yet Another Corporate Design System. I couldn't find what I really wanted to post, which was a list of all the abandoned Corporate Design Systems - I think I must have seen that in another comment.
carimura 7y ago
The universal certainty of expansion and contraction. Hey we all got here through it. Now we're in the expansion phase of trying to make the frontend easy again. Contraction comes next.
oedmarap 7y ago
Design Systems Repo [0] keeps a good list. I've submitted Base Web for inclusion. [0] https://designsystemsrepo.com/design-systems/ https://designsystemsrepo.com/design-systems/
sbr464 7y ago
There’s a surprisingly small amount that are using both React and Styled Components, so I welcome the addition. (Whatever the intent of this post is)
cachvico 7y ago
This is a great list! Thanks for sharing.
aitchnyu 7y ago
Unscientific review from my FHD Dell laptop on Ubuntu too dim for a room without curtains: Bootstrap and Material consistently succeeds in rendering clearly; Ant is fine; Fabric from MS has a very readable site, but their Office apps tend to have tiny labels without contrast; Ring by Jetbrains is also perfect but I had to switch to light mode on my IDE since warning squiggles were too dim, Github AT had issues with grey on white and grey on grey. Other sites tend to have rendering issues with some lines in letters either becoming doubly thick or barely visible, white text pixelating out to bright backgrounds, anti-aliasing turning some pixels colorful or too dim etc. Some of them seem to be exposing edge cases of text rendering! Text could be too gray to read or too thin. Designers need to consider people still buying laptops with 1366X768 screens.
JCharante 7y ago
I don't see how Quasar Framework is a corporate framework. Are you referring to the sponsorships that it's obtained over the past year?

chrischen 7y ago

I've been evaluating most of these frameworks, and as far as I know Base UI is the smallest and lightest out of all these: https://bundlephobia.com/result?p=baseui@6.15.1 https://bundlephobia.com/result?p=baseui@6.15.1

manigandham 7y ago
They're all still big and bloated (like including big sets of icons) but you should only only include what you're using. Tree shaking with webpack and babel and a css optimizer can trim them down significantly.
- technion 7y ago
  There's definitely still issues with that though. Try including one small component from material UI for example and the resulting bundle can still be quite significant because it bundles a lot to manage its theming.

localhostdotdev 7y ago

Github's https://primer.style/ https://primer.style/ Google's https://material.io/design/ https://material.io/design/ I guess most companies have a design system in place

abalone 7y ago

Dumb question maybe but why is Bootstrap (from Twitter) not on this list? What are the inclusion criteria?

cseelus 7y ago
They don’t use it anymore https://www.quora.com/What-CSS-framework-does-Twitter-use-in-2017 https://www.quora.com/What-CSS-framework-does-Twitter-use-in...
manigandham 7y ago
It was originally my list of interactive frontend component libraries that I now keep track of here: https://gist.github.com/manigandham/34154e63dc3c1b8747fab40de71bc38c https://gist.github.com/manigandham/34154e63dc3c1b8747fab40d... If you want style guides and design systems then the link by "oedmarap" is much better.

ArtWomb 7y ago

Jane Street's minimal OCaml-based incr_dom https://github.com/janestreet/incr_dom https://github.com/janestreet/incr_dom https://www.janestreet.com/tech-talks/intro-to-incr-dom/ https://www.janestreet.com/tech-talks/intro-to-incr-dom/

deleted 7y ago

[deleted]

wuliwong 7y ago

You seem to trying to express a negative response to the fact that these companies create design frameworks. I'm interested as to why you feel this way?

Improvotter 7y ago
>insert xkcd framework reference<
- deleted 7y ago
  [deleted]
manigandham 7y ago
The post is just a copy of a copy: https://news.ycombinator.com/item?id=17971337 https://news.ycombinator.com/item?id=17971337 No real intent there. It's good to have large organizations donating libraries to open-source.
TheAceOfHearts 7y ago
I didn't read it that way at all, it's simply highlighting that there's a large number of options to chose from! It's great that more companies are publishing their design frameworks, although part of the reason for doing this is certainly to attract talent. Having partially reviewed a couple of these, I'd say quality varies quite a bit so be sure to dig through the code to see if you'd be comfortable helping maintain that. Always be sure to review the license! For example, Microsoft Fabric is MIT, but the assets (fonts and icons) are under a separate license.
insomniacity 7y ago
In a way yes, it was about the utility and relevance of Yet Another Corporate Design System. I couldn't find what I really wanted to post, which was a list of all the abandoned Corporate Design Systems - I think I must have seen that in another comment.

carimura 7y ago

The universal certainty of expansion and contraction. Hey we all got here through it. Now we're in the expansion phase of trying to make the frontend easy again. Contraction comes next.

oedmarap 7y ago

Design Systems Repo [0] keeps a good list. I've submitted Base Web for inclusion. [0] https://designsystemsrepo.com/design-systems/ https://designsystemsrepo.com/design-systems/

sbr464 7y ago

There’s a surprisingly small amount that are using both React and Styled Components, so I welcome the addition. (Whatever the intent of this post is)

cachvico 7y ago

This is a great list! Thanks for sharing.

aitchnyu 7y ago

Unscientific review from my FHD Dell laptop on Ubuntu too dim for a room without curtains: Bootstrap and Material consistently succeeds in rendering clearly; Ant is fine; Fabric from MS has a very readable site, but their Office apps tend to have tiny labels without contrast; Ring by Jetbrains is also perfect but I had to switch to light mode on my IDE since warning squiggles were too dim, Github AT had issues with grey on white and grey on grey. Other sites tend to have rendering issues with some lines in letters either becoming doubly thick or barely visible, white text pixelating out to bright backgrounds, anti-aliasing turning some pixels colorful or too dim etc. Some of them seem to be exposing edge cases of text rendering! Text could be too gray to read or too thin. Designers need to consider people still buying laptops with 1366X768 screens.

JCharante 7y ago

I don't see how Quasar Framework is a corporate framework. Are you referring to the sponsorships that it's obtained over the past year?