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).

Check it Out

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.

Check it Out

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.

Check it Out

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.

Check it Out

2. Libraries

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.

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.

Check it Out

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.

Check it Out

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.

Check it Out

3. Freebies

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.

Check it Out

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.

Check it Out

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.

Check it Out

5. Fonts

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.

Check it Out

Calibre

A free, super-condensed font from Jeremy Vessey.

Check it Out

Austra

A free uppercase brush font from Gatis Vilaks.

Check it Out

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.

Check it Out

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

Check it Out

8. Great Reads

• 📄[CSS Tricks] Delivering WordPress in 7KB
• 📄[CSS Tricks] Clearfix: A Lesson in Web Development Evolution
• 📄[Lou Downe] 15 principles of good service design
• 📄[Smashing Magazine] Pattern Library First: An Approach For Managing CSS

---

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:

• Resources for web designers and developers – January 2018
• Resources for web designers and developers – February 2018
• Resources for web designers and developers – March 2018
• Resources for web designers and developers – April 2018
• 30+ New resources for web developers and designers – May 2018
• 43+ Best new web design resources – June 2018