4 ms·
There are many "design systems" you can use. Here are a few recommendations: https://tailwindcss.com https://tailwindcss.com is known for utility-class based s
by Leftium 2y ago
There are many "design systems" you can use. Here are a few recommendations:
https://tailwindcss.com 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 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 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 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 https://getbootstrap.com is probably one of the most used design systems.
---
[1]: https://clarity.design/documentation/notifications https://clarity.design/documentation/notifications