20 Free Web Design Tools, Spring 2017


Using free elements and tools from the design community is an easy way to add value to your website.

Here is a list of new spring 2017 web tools and design elements. There are design and developer apps, fonts, themes, photos, and more. All of these are free.

Free web tools

Google reCAPTCHA. reCAPTCHA is a free service that protects your website against spam and abuse. reCAPTCHA uses an advanced risk analysis engine and adaptive CAPTCHAs to prevent automated software from engaging in abusive activity on your site. It does this while allowing your able-bodied users to switch easily.

Google reCAPTCHA.

Charging speed test. Analyze a website’s performance with actual load speeds on servers in Seattle, Los Angeles, New York, Amsterdam, Singapore, and Sydney. Get DNS lookup time, connection time, time to first byte, and total time.

Facebook discovery. Discovery is a new section in Messenger where people can browse and find bots, nearby places, and businesses to send messages to. Discover lets you submit your bot and showcase your messaging experience to the more than 1.2 billion people who use Messenger every month.

BrandBriefer. BrandBriefer is a platform to quickly create your brand guide and clearly share your vision. Research its network of assets to get started.


Wayback Machine Downloader. Wayback Machine Downloader allows you to download websites from Archive.org to your local hard drive. It converts all links in HTML files so that they work locally (offline), instead of pointing to an online website.

ToDoMeter. ToDoMeter is a counter-based to-do list for your desktop. As you complete the tasks, the progress gauge fills up.

Boot cemetery. This site is a resource for entrepreneurs to avoid making the same mistakes as failed startups, to help de-stigmatize failure, increase transparency and build community.

Free Design Elements

Archetype. Archetype is a tool for quickly and easily creating consistent typography style and spacing in the browser. Styles are based on typographic best practices, such as modular scale and basic grids.


CSS Text Gradient Generator. This is a simple CSS gradient text generator. Use the cursor and arrows to change the gradient, then copy the code.

FreePhotos.cc. FreePhotos.cc is a collection of Creative Commons photos that you can download and use in projects. Download a free and featured photo every day.

To burst. Burst is a free photoshop site from Shopify. All photos are free to use for any purpose. The site is intended for designers, developers, bloggers and entrepreneurs to create compelling websites and marketing campaigns.

To burst.

Material Design Color Tool. Create, share and apply color palettes to your user interface, as well as measure the accessibility level of any color combination.

Colormind. Colormind is a color scheme generator that can learn color styles from photographs, movies, and folk art. If you have a specific starting color in mind, pick that color and lock it in. If no color is locked, Colormind will generate random color palettes.

Free sketch startup design template. Here’s a free homepage template for Sketch, the design tool. Learn to familiarize yourself with Sketch and use it as a basis for customizing. The folder includes Sketch file, icon set, swatches, buttons, typography, etc.

Free sketch startup design template.

Ludus. Ludus is a modular tool for adding ideas and integrated services to slides. Combine a YouTube video with a form, merge a card with a quiz, or integrate a JavaScript console into your coding lesson. Free for one user.

Kumu. Kumo is an interesting display font based on modular models.

Vize.it. Vize.it is a custom image recognition API. Vize.it can learn everything you need to recognize, whether you are analyzing product images or webcam photos. Just give a few examples, and it does the rest. The free plan includes 5,000 images.


Foundation building blocks. Building Blocks is a library of user interface components for the Foundation front-end framework. Plug in code snippets to build faster.

Unsplash API. Use the Unsplash API photo engine to create an app with free, high-resolution photos.

Illusion.ai. Illusion.ai provides conversational user interface as a service. Integrate highly customizable conversational interfaces into your web and mobile products. Visitors to your site can engage in a conversation about your product or service.



Comments are closed.