In this installment of the fresh resources, we have a mixed variety of resources in the list. Aside of some code-based tools like new JavaScript libraries and frameworks, we’ve also included a couple of handy GUI applications that I’m sure both developers and designers will appreciate. Let’s check the list in detail and do let me know which one is your favorite in the comments section below.

Unique

A tool to find unique fonts that might rarely be seen elsewhere, Unique is useful for creating a logo or just to find a proper unique font combination for your document easily by just a few clicks. Once you’ve picked your preferences, you can download and name it your own font. That’s really cool!

Duotones

A simple web app that’ll turn any photo into duotones; a monochromatic photo consisting of two contrasting colors. You can upload your own photos or select the photos that the tool provides to edit and download the result. A good tool for creating a striking background image on your websites.

MDX

MDX is a specification that combines Markdown and JSX. This allows you to do some crazy things that are never done before, such as importing Markdown files, use the Markdown file as a standalone component to include in the other files, and use a React component in it.

ImgBlur

A simple JavaScript component to load images in a modern way, ImgBlur comes with a CLI to generate a blurred image from the original image. The blurred image has a small size that will be loaded first before it loads the original.

WiredJS

WiredJS is built with native “Web Components”. It’s a unique UI library with a sketchy look. What’s cool from this library is that the elements stroke are drawn randomly, meaning no two elements will be exactly the same. A perfect library for creating wireframes or mockups.

Relaxed

A converter that will turn HTML or Pug into PDF. You’re able to create a complex layout using HTML, CSS, JavaScript and use Markdown to write down the main content. On top of that, you can also use a JavaScript library, like Chart.js to add diagram and MathJax to add Math formatting.