What’s new for designers, June 2016

Default avatar.
June 20, 2016
What’s new for designers, June 2016.
In this month’s edition of what’s new for designers and developers, we’ve included new apps, JavaScript libraries, mobile dev tools, graphic design apps, blogging platforms, CSS frameworks, color resources, productivity tools, and much more. And as always, we’ve also included some awesome new free fonts! Almost everything on the list this month is free, with a few high-value paid apps and tools also included. They’re sure to be useful to designers and developers, from beginners to experts. If we’ve missed something that you think should have been on the list, let us know in the comments. And if you know of a new app or resource that should be featured next month, tweet it to @cameron_chapman to be considered!


Proud is a time management app (iOS and Mac) made just for busy people. It acts like an external brain for your ideas and thoughts to help you remember what’s important. proud


Perma is a productivity app for teams or individuals. It has tools for planning and organizing, collaboration, discussion, and more. perma

Picnic CSS

Picnic CSS gives your native HTML elements a boost so that you don’t have to mix your presentation classes with your HTML. It’s entirely modular so that each part can be easily modified and tested. picnic css

Mega Boilerplate

Mega Boilerplate is a set of handcrafted starter projects that are all optimized for ease of use and simplicity. It can be used with Node.js, static HTML5 sites, Electron, and more. mega boilerplate

Real Time Users

Real Time Users lets you add a real time user counter to your site in under a minute. You can have it displayed plain or styled. real time users


Bench is an easy to use collaboration tool for teams. All anyone needs to join a meeting is a secret link. There are free and paid accounts. bench


Smock lets you mockup and emulate a website on a mobile device. smock

Adobe Spark

Adobe Spark makes it simple to turn your ideas into social graphics, web stories, and animated videos, in just minutes. adobe spark

Color Schemr

Color Schemr is a color palette generator that lets you create palettes, adjust opacity, preview how colors would look on a minimalist template, and more. color schemr


Colicious is a great tool for finding colors to use on your next project. Just hit the space bar or click the screen to get a new color. colicious


Illustrio is a library of customizable images for non-designers. You can customize the colors, text, and data for each one. illustrio


Pills is a tiny, responsive CSS grid. It’s mobile-first, uses the HTML5 Boilerplate head, and works with all modern browsers. pills

React D3 Library

The React D3 Library lets developers use D3 in React. It’s flexible, can be used with templates, and more. react d3 library

Nicely Done

Nicely Done is a gallery of digital product inspiration. View by most popular, or by tags and categories. nicely done


Elementor is a drag and drop live page builder for WordPress. It allows you to reach a whole new level of design with your WordPress pages. elementor


Kickresume helps you create an outstanding résumé and cover letter in just minutes. It was created by designers, but approved by recruiters. kickresume


The New VSCO has a new design, with a seamless experience between editing and publishing, as well as more community features. new vsco


If you use Trello, then you’ll want to check out Hillo. It lets you track all of the acitivty on your Trello boards at a glance. hillo


Holmes gives you fast and easy search inside a page. Search results are returned in real-time as you type. holmes


Proppy gives you beautiful, interactive proposals in an instant. It helps you stay organized, collaborate with others, and more. proppy


Cucumbertown is a free food blog platform that allows you to unleash your creativity with simple recipe creation tools and more. cucumbertown


Dopamine offers a Reinforcement API that helps you hack user engagement and retention. You can deploy it for free in just minutes. dopamine

Messaging Design Kit

This Messaging Design Kit from Layer contains everything you need to create beautiful and functional rich messaging experiences. messaging design kit


TypeNetwork is a new model for type designers to develop, license, and use their typeface designs. It’s mission is to find and support the best type and publish it for the best designers. typenetwork


Family.scss is a set of smart Sass mixins that help you manage the style of :nth-child elements. family.scss


Cutestrap is a sassy, opinionated CSS framework, a tiny alternative to Bootstrap. cutestrap


Discover.typography is a collection of typographic inspiration from the designers at H&Co. discover typography


PixelSquid is a powerful image library that lets you introduce 3D into your design workflow. You can download images as layered PSDs or transparent PNGs, or even use their Photoshop plugin. pixelsquid


Checkbox.css is a tiny set of CSS3 animations for your checkboxes. checkbox.css


CreateBrief.com is an easy to use design brief template generator. Just answer the questions to create your brief, no sign up required. createbrief.com


Butler is a very readable serif typeface that comes with 14 different weights. butler

Star Full Inline

The Star Full Inline Font comes in a bold version for free (there are 7 other font versions available for sale). star full inline

Shelby Inline

Shelby Inline is a free inline font with rounded edges and a vintage feel. shelby inline

Black Mask

Black Mask is a vintage-inspired all caps display font with a press style and texture throughout. black mask


Bernier is a free font that comes in three different formats: regular, shade, and distressed. bernier


Bravery is a free font with an art deco flair. bravery


Haze is a free wet brush font with splatters all over its glyphs and a watercolor texture. haze


Magnitude is a free sans serif display typeface in light and bold weights. magnitude

Cameron Chapman

Cameron Chapman is a freelance writer and designer from New England. You can visit her site or follow her on Twitter.

Read Next

15 Best New Fonts, May 2024

In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…

20 Best New Websites, May 2024

Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…

Exciting New Tools for Designers, May 2024

This year, we’ve seen a wave of groundbreaking apps and tools. AI is reshaping the industry, enhancing productivity,…

Using AI to Predict Design Trends

Design trends evolve at a blistering pace, especially in web design. On multi-month projects, you might work on a…

15 Best New Fonts, April 2024

Just like web design, type design follows trends. And while there’s always room for an exciting outsider, we tend to…

3 Essential Design Trends, May 2024

Integrated navigation elements, interactive typography, and digital overprints are three website design trends making…

How to Write World-Beating Web Content

Writing for the web is different from all other formats. We typically do not read to any real depth on the web; we…

20 Best New Websites, April 2024

Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…

Exciting New Tools for Designers, April 2024

Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…

How Web Designers Can Stay Relevant in the Age of AI

The digital landscape is evolving rapidly. With the advent of AI, every sector is witnessing a revolution, including…

14 Top UX Tools for Designers in 2024

User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…

What Negative Effects Does a Bad Website Design Have On My Business?

Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…