Resources for web designers and developers – April 2018

A monthly collection of the best resources for web designers and developers including tools, plugins, UI kits and many others that we curated during April 2018.

Resources for web designers and developers – April 2018

The following is a retrospective of some of the best and most useful resources for web designers and developers including tools, plugins, UI kits and many others that we curated during April 2018.

1. Tools & Utilities

Sketch.The.Ripper

Sketch.The.Ripper

Sketch.The.Ripper is a free small little tool from Icons8 powered by Lunacy that allows you to extract and view the contents of any Sketch file in your browser.

Check it Out

Duotones

Duotones

Duotones is a free tool that allows you to apply and customize a duotone effect on your images.

Check it Out

HueSnap

HueSnap

HueSnap is a tool that allows you to create, modify and share color palettes.

Check it Out

Mobbin

Mobbin

Mobbin provides an extensive and hand-picked collection of the latest mobile design patterns.

Check it Out

Mockup Photos

Mockup Photos

Mockup Photos is a collection of free and premium mockup templates for multiple devices.

Download Now

2. Libraries & Extensions

VuePress

VuePress

VuePress is a highly-performant static site generator based on Vue.js and focused on simplicity.

Check it Out

CSS Blocks

CSS Blocks

CSS Blocks is a component-based CSS authoring system developed by LinkedIn that compiles to high-performance stylesheets and features a tiny runtime, scoped styles, dead code elimination, object oriented inheritance and many more.

Check it Out

Codrops - Particle Effects for Buttons

Particle Effects for Buttons

A small library from Codrops that you can use to create bursting particle effects.

Check it Out

TensorFlow.js

TensorFlow.js

TensorFlow is a library used to train and deploy machine learning models and it’s finally making its debut on the JavaScript scene. Check out the announcement blog post on Medium

Check it Out

Glide.js

Glide.js

Glide.js is a dependency-free JavaScript library that you can use to build sliders and carousels.

Check it Out

React Spring

React Spring

React Spring is a highly-performant set of simple building blocks for UI animations that should cover most use cases.

Check it Out

WebGL Distortion Hover Effects

WebGL Distortion Hover Effects

A small library from Codrops that you can use to create WebGL powered distortion effects.

Check it Out

3. Icons

Fontisto

Fontisto

Fontisto is an icon font with more than 616 free icons that you can use for both personal and commercial projects.

Download Now

Unicons Icon Set

Unicons Icon Set

A free icon set consisting of 200 simple and easy to use vector line icons.

Download Now

Streamline Emoji

Steamline Emoji

A collection of more than 780 free and cute emoji icons.

Download Now

4. Fonts

GT Super Font

GT Super

GT Super is a stunning display serif font inspired by the 1970s and 80s and has a vree trial available.

Download Now

Medel Font

Medel

Medel is a free and modern sans-serif font inspired by the Chilean football player Gary Medel.

Download Now

Atlanta Font

Atlanta

A free typeface inspired by sports icons that is also available for both free and commercial projects.

Download Now

Fira Code

Fira Code

Fira Code is a beautiful monospace font for programmers that supports ligatures.

Download Now

Riviera

Riviera

Riviera is a free display uppercase-only typeface designed by Johann Darcel.

Download Now

5. Patterns

Memphis Space Seamless Patterns

Memphis Space Patterns

A beautiful collection of 7 vector and seamless patterns.

Download Now

6. Great Reads


What are your favorite tools or resources released this month? Did we miss anything? Let us know in the comments below! 😁

Check out the other roundups:

Catalin Vasile

Catalin Vasile

Catalin is a design focused engineer and founder of DesignRevision. When he’s not working on a project, he likes to read, watch movies and take long hikes.

πŸ€” What do you think?

Introducing

Shards Dashboard Pro

A premium & high-quality Bootstrap 4 admin dashboard template pack.

Here's a 10% discount code! DR10OFF Check it Out