CSS tools you should know about
1. Gradient Magic
If you are looking for a nice gradient this tool can help you out in selecting a perfect gradient for your UI. Gradient magic has a nice collection of gradients from which you can use whichever you like. you can also modify the CSS and can also add a pattern to the background. When you are done selecting and modifying the gradient just copy the CSS and paste it into your code and you have a nice gradient for your project.
Link: www.gradientmagic.com
2. Clippy
A website by Bennett Feely, which lets you create some complex clip-path that can be very difficult to create if done manually. You can select a shape from the available shapes or you can create your own by moving the corners. This tool generates a clip-path CSS code for the shape you selected or created which you can just copy and paste into your code.
Link: bennettfeely.com/clippy
3. Fontjoy
If you are starting a new project and you can't find the perfect fonts for your headings, sub-headings, and paragraphs to use in your project then this might be the tool that you need. Fontjoy lets you generate tons of font pairings for your next project. Just click keep clicking on generate button till you find what you like, you can also lock a specific font.
Link: fontjoy.com
4. Colormind
One of the most common yet difficult task before starting a new project is to select a nice color palette. This site not only generates cool color palettes for you but also shows a little preview of how you can use those colors in your project.
Link: colormind.io/bootstrap
5. Humaaans
The use of illustrations definitely makes a site look good, but it is not easy to find good illustrations for free. Humaaans provides a nice collection of illustrations for free. You can also modify the illustration according to your likings and need very easily. They provide a lot of options to modify the illustrations that I'm sure are enough to fulfill your requirements.
Link: www.humaaans.com
6. Conclusion
In this article, we saw different CSS tools that can help you in your next project and also free to use.