Web components are seeing huge adoption lately, so this is a short list of the libraries and design systems I've come across so far. There will be some I have forgotten, this is definitely an incomplete list, so feel free to comment the rest!
- Material Design (Google)
- vaadin
- FAST (Microsoft)
- Fluent UI (Microsoft)
- GitHub elements (GitHub)
- Lion (ING)
- Spectrum Web Components (Adobe)
- Lightning Web Components (Salesforce)
- Clarity (VMWare)
- Patterns (AXA)
- Patternfly (RedHat)
- Boston University Libraries
- Shoelace
- wired-elements
- auro (Alaska Airlines)
In particular, we have used material design's web components for many years now and can highly recommend them. They are a great example of best practices and good web component architecture being put into use.
Similarly, Vaadin has been around for a long time in the web component community and is still going strong.
For anyone wanting to learn best practices and good architecture of web components, I'd recommend reading through the source of any of these libraries.
Top comments (1)
We try to keep up a similar list at open-wc.org/guides/community/compo...... Got some that are not here, learned about some here that are not there. So many things are coming up web component lately! The team at Lion is even doing such good work that the team at Ubisoft has also adopted it as the basis for their design system: medium.com/ing-blog/create-a-desig...
Working on Spectrum Web Components by day, it's really cool to see adoption across the wider web ecosystem reflect the sort of adoptions we're seeing across Adobe over the last couple of years. Lots of cool roles opening up across the company on teams consuming our component library, and soon our team will be expanding as well, so keep an eye out for even more from us in the near future!