This site allows you to visualize the layout of your grid and modify it, generating html and css that are easy to use.
Grid is basically an invisible mesh, used to align and structure elements or sections of your webpage.
With this website you will never have to worry again if the colors of your website match. It shows the right palettes for each color, with the right tones and also creates multiple color palettes.
Give the effect of transparent or frosted glass to the elements of your page in seconds! The effect is based on background blur with transparency and uses stacked layers to show the depth and context of the interface.
This site is a treasure! It basically contains all the shortcuts of dozens of tools that you will use as a frontend developer, which involves a lot of design.
Let's close with a classic, which many of the newbies still don't know about.
Here you can find the most varied fonts to use in the text of your website, just select the font you like, paste the link in your html and use it in your css. There, beautiful typography on your website.