There has been a situation in every developer’s life where he/she feels like I am not good at designing when a task of developing a nice-looking (if not the best-looking) user interface for a website.
Whether you are a Backend dev or a Full-Stack dev (lets omit a Front-end dev for their sake , lol), things will be fine until you create backend services/api’s for an application. But the real difficulty comes when there is no separate team to handle UI part of it, or lets say it might be your personal side project. You might have to get your hands dirty and let that creative you come out to represent the data in a proper way (or appealing way) in UI. After some time (may be more time), playing around with some html and CSS, you might end up giving up on yourself and self-declaring that I am not at all good at UI designing.
Well, if you have faced this kind of situation ever before, its perfectly alright and this article might help you in finding yourself a way into boost our confidence in designing UI.
Let me introduce some of my curated list of free and open-source resources that will definitely help you.
CSS Frameworks
1. Bootstrap
Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit.
2. Tailwind CSS
Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any hassle.
3. Creative Tim’s BLK
An user-friendly, open source and beautiful design system based on Bootstrap 4 and Angular.
4. Materialize CSS
Materialize is a modern responsive CSS framework based on Material Design by Google.
5. Foundation
The most advanced responsive front-end framework in the world.
6. Free Frontend
Free hand-picked HTML, CSS and JavaScript code examples, tutorials and articles.
Above list can be added with more content in future as I go on finding any in my journey. And you can add your own in the comments below.