23+ Best new resources for web developers July 2018

Discover some of the best new web design resources including tools, libraries, plugins, freebies, fonts, UI Kits and many other goodies that we curated during July 2018.

23+ Best new resources for web developers July 2018

Discover some of the best new web design resources including tools, libraries, plugins, freebies, fonts, UI kits and many other goodies that we curated during July 2018.

🔥 Check out the best resources for web developers from July 2018 #resources #webdev Click To Tweet

1. Tools & Utilities

VSCode Themes - A collection of some of the most popular themes for Visual Studio Code grouped by categories (Trending, Dark & Light)..

VSCode Themes

A collection of some of the most popular themes for Visual Studio Code grouped by categories (Trending, Dark & Light).

Check it Out

UISources - A collection of popular web apps to help you get inspired from real, top-grossing apps..

UISources

A collection of popular web apps to help you get inspired from real, top-grossing apps.

Check it Out

Scale - A small tool to help you generate color scales in an instant..

Scale

A small tool to help you generate color scales in an instant.

Check it Out

cssgradient.io - A list of some of the most popular

cssgradient.io

A list of some of the most popular “gradient” websites on the web.

Check it Out

Cool Hue - Another collection of handpicked gradient hues and swatches for your next project..

Cool Hue

Another collection of handpicked gradient hues and swatches for your next project.

Check it Out

Carbon - A nifty tool that generates beautiful screenshots of your code snippets..

Carbon

A nifty tool that generates beautiful screenshots of your code snippets.

Check it Out

Waveguide - Waveguide is a curated and searchable base of design knowledge..

Waveguide

Waveguide is a curated and searchable base of design knowledge.

Check it Out

2. Libraries

Dumper.js - Dumper.js is an improved variable inspector for your Node.js applications..

Dumper.js

Dumper.js is an improved variable inspector for your Node.js applications.

Check it Out

Sclack - A command line interface client for Slack written in Python..

Sclack

A command line interface client for Slack written in Python.

Check it Out

Fusion.js - A plugin-based universal web framework from Uber that was built to address the folowing pain points: complex configurations, lack of good abstractions, brittlenesss resulting from tight coupling, testing difficulties and lack of flexibility..

Fusion.js

A plugin-based universal web framework from Uber that was built to address the folowing pain points: complex configurations, lack of good abstractions, brittlenesss resulting from tight coupling, testing difficulties and lack of flexibility.

Check it Out

Guess.js - A collection of libraries and tools to simplify predictive data-analytics driven approaches to improve UX on the web..

Guess.js

A collection of libraries and tools to simplify predictive data-analytics driven approaches to improve UX on the web.

Check it Out

Kleur - A Node.js library that you can use to format terminal text with ANSI colors..

Kleur

A Node.js library that you can use to format terminal text with ANSI colors.

Check it Out

cheat.sh - A CLI tool that allows you to access the best community-driven cheat sheets..

cheat.sh

A CLI tool that allows you to access the best community-driven cheat sheets.

Check it Out

fakescroll - A lightweight library that lets you create custom HTML scrollbars..

fakescroll

A lightweight library that lets you create custom HTML scrollbars.

Check it Out

3. Freebies

Shards Dashboard Lite - Shameless plug: A free & modern admin dashboard template pack built on top of Bootstrap 4..

Shards Dashboard Lite

Shameless plug: A free & modern admin dashboard template pack built on top of Bootstrap 4.

Check it Out

Westworld Slider - A slider pen created by Chris Gannon and inspired from the Westworld TV series..

Westworld Slider

A slider pen created by Chris Gannon and inspired from the Westworld TV series.

Check it Out

Pure CSS Stack - The Stack game, written in pure CSS by Bence Szabó..

Pure CSS Stack

The Stack game, written in pure CSS by Bence Szabó.

Check it Out

CSS 3D Toggle - A pure CSS 3D toggle created by Ana Tudor..

CSS 3D Toggle

A pure CSS 3D toggle created by Ana Tudor.

Check it Out

Clock Shop - A collection of clocks for your inspiration curated from Codepen..

Clock Shop

A collection of clocks for your inspiration curated from Codepen.

Check it Out

4. UI Kits

Flight App Freebie - A free UI kit from Pixelz Studio perfect for any app that is managing flights..

Flight App Freebie

A free UI kit from Pixelz Studio perfect for any app that is managing flights.

Check it Out

5. Fonts

Chamuyo - A beautiful and modern display font from Caio Kondo..

Chamuyo

A beautiful and modern display font from Caio Kondo.

Check it Out

Big John Pro - A bold and free font that you can use for both personal and commercial projects..

Big John Pro

A bold and free font that you can use for both personal and commercial projects.

Check it Out

Calibre - A free, super-condensed font from Jeremy Vessey..

Calibre

A free, super-condensed font from Jeremy Vessey.

Check it Out

Austra - A free uppercase brush font from Gatis Vilaks..

Austra

A free uppercase brush font from Gatis Vilaks.

Check it Out

Alaska - An abstract typeface free for both personal and commercial projects..

Alaska

An abstract typeface free for both personal and commercial projects.

Check it Out

Lemon Bird - A free hand-drawn typeface designed by Ian Barnard..

Lemon Bird

A free hand-drawn typeface designed by Ian Barnard.

Check it Out

Mathison - A beautiful and bold font by Gabriela Bury that is available for free..

Mathison

A beautiful and bold font by Gabriela Bury that is available for free.

Check it Out

Leira - A free, hand-drawn font from Evita Vilaka.

Leira

A free, hand-drawn font from Evita Vilaka

Check it Out

8. Great Reads


What are your favorite tools or resources? Did we miss anything? If you liked this roundup make sure you share it! 😁

🔥📦 Check the best tools and resources for web developers and designers from July 2018 Click To Tweet

Check out the other monthly roundups for 2018:

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