- Pretty comprehensive UX guidelines (like when to use a snackbar vs alert vs toast vs banner vs modal[1])
- Framework agnostic web components (there is a slight bias towards Angular and even React/Vue)
---
While not as comprehensive, https://picocss.com is my default go-to for giving my sites/apps nice-looking default styling with almost no work. Pico CSS is more of a semantic CSS library, but it is also a bit of a design system.
https://tailwindcss.com is known for utility-class based styling, but it's also a nice-looking design system.
In fact, they wrote a book: https://www.refactoringui.com
> Make your ideas look awesome, without relying on a designer.
> Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-of-view.
---
https://clarity.design gives you:
- A nice-looking default/base design (basic responsive layout, styling, sizes, colors, icons, (light/dark) themes...)
- Pretty comprehensive UX guidelines (like when to use a snackbar vs alert vs toast vs banner vs modal[1])
- Framework agnostic web components (there is a slight bias towards Angular and even React/Vue)
---
While not as comprehensive, https://picocss.com is my default go-to for giving my sites/apps nice-looking default styling with almost no work. Pico CSS is more of a semantic CSS library, but it is also a bit of a design system.
---
https://getbootstrap.com is probably one of the most used design systems.
---
[1]: https://clarity.design/documentation/notifications