Sometimes the summer months can feel like a dead time for new design tools, but not this year. There are plenty of new elements out there to make your life (and projects) that much easier. They’re sure to be useful to designers and developers, from beginners to experts.

Fusion.js

Fusion.js is now available for public use. The Uber project is described as “is a good choice for someone looking for an open source boilerplate to build a modern, non-trivial web app.” It is a MIT-licensed JavaScript framework that supports popular libraries like React and Redux and comes with modern features like hot module reloading, data-aware server-side rendering, and bundle splitting support. It provides a flexible plugin-based architecture.

 

Fondu

Fondu is a smart contract building tool. The open-source contract is designed for launching an initial coin offering or crowdfunding campaign. Fill out the questionnaire and download your contracts.

 

StyleURL

It lets you export and shares CSS changes directly from Chrome DevTools so you can use it with an existing workflow. It generates a link which loads CSS changes into existing web pages automatically so that you can share tweaks visually.

 

Font Playground

Font Playground is a tool to help you experiment with variable fonts and even export front-end code. Variable fonts, which are single font files that behave like multiple fonts, are gaining popularity, making this something you should probably experiment with.

 

Brandcast Team Edition

Brandcast Team Edition makes it easy for teams to work on code-free website design projects together. The tool allows marketing teams to create completely custom websites and interactive sales and marketing collateral without a single line of code. The release allows everyone – from designers to copywriters – to work on projects together within the interface.

 

Font Memory Game

The Font Memory Game can help you train your eyes to notice details in typography and better identify different typefaces.

 

Keyframes

It is a new online hangout for animators. You can chat about and share projects, ask questions and use the community as a learning tool to up your animation game.

 

CoolHue

Is a JSON-rendered gradients palette. It includes 60 gradient options so you can add trendy color effects to projects with ease. You can also grab CoolHue palettes for Photoshop or Sketch.

 

Scale

The scale is a tool to help you see a color scale for actual use. See tints of a color in steps so you know exactly what colors will look like.

 

Color Wheel Generator

Color Wheel Generator provides color-perfect matches for all hues around the color wheel in HEX format. Adjust settings such as hue, angle, saturation, and lightness to see perfect matches from every location on the wheel.

 

Facon

Facon is a trendy display font in a ragged style. The letterforms include distinctive cutouts. It is an uppercase font with numbers and some special characters.

 

Malvid

Malvid is a tool to help you develop components with an interactive user interface so that you can preview and document web components as you create them. The tool analyzes your folder structure to turn files into a visual UI and it works using an API or CLI tool.