68 free tools for web designers and developers

Published by Vic Drover

Building a modern website requires a large set of skills and expertise in many software. Given the costs that can be involved in purchasing numerous suites of software, it’s not surprising that an ecosystem has developed around the production of free tools for web designers and developers.

Below you’ll find our curated list of (mostly) free web design tools that will make building a site faster and less tedious. We have organized the tools into four categories:

design tools

performance and testing tools

development and coding tools

utilities & other tools

Favicon Generator: This tool takes the pain out of generating a set of favicons for your website. If you don’t have a logo, it can even create favicons from text or emojis!

Fontawesome: One of the best resources for iconography with lots of free icons available. You can also download PNGs or SVGs of the icons for use in illustrations on your site that match your brand.

Color Palette: With hundreds of examples, use this tool to pick a balanced color scheme for any website. This is a curated site by a well-known colorist. Palitra. the app is a great runner-up!