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)..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_vscode-themes.jpeg)
VSCode Themes
A collection of some of the most popular themes for Visual Studio Code grouped by categories (Trending, Dark & Light).
![UISources - A collection of popular web apps to help you get inspired from real, top-grossing apps..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_uisources.jpeg)
UISources
A collection of popular web apps to help you get inspired from real, top-grossing apps.
![Scale - A small tool to help you generate color scales in an instant..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_scale.jpeg)
Scale
A small tool to help you generate color scales in an instant.
![cssgradient.io - A list of some of the most popular](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_cssgradient.io.jpeg)
cssgradient.io
A list of some of the most popular “gradient” websites on the web.
![Cool Hue - Another collection of handpicked gradient hues and swatches for your next project..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_cool-hue.jpeg)
Cool Hue
Another collection of handpicked gradient hues and swatches for your next project.
![Carbon - A nifty tool that generates beautiful screenshots of your code snippets..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_carbon.jpeg)
Carbon
A nifty tool that generates beautiful screenshots of your code snippets.
![Waveguide - Waveguide is a curated and searchable base of design knowledge..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_waveguide.jpeg)
Waveguide
Waveguide is a curated and searchable base of design knowledge.
2. Libraries
![Dumper.js - Dumper.js is an improved variable inspector for your Node.js applications..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_dumper.js.jpeg)
Dumper.js
Dumper.js is an improved variable inspector for your Node.js applications.
![Sclack - A command line interface client for Slack written in Python..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_sclack.jpeg)
Sclack
A command line interface client for Slack written in Python.
![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..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_fusion.js.jpeg)
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.
![Guess.js - A collection of libraries and tools to simplify predictive data-analytics driven approaches to improve UX on the web..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_guess.js.jpeg)
Guess.js
A collection of libraries and tools to simplify predictive data-analytics driven approaches to improve UX on the web.
![Kleur - A Node.js library that you can use to format terminal text with ANSI colors..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_kleur.jpeg)
Kleur
A Node.js library that you can use to format terminal text with ANSI colors.
![cheat.sh - A CLI tool that allows you to access the best community-driven cheat sheets..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_cheat.sh.jpeg)
cheat.sh
A CLI tool that allows you to access the best community-driven cheat sheets.
![fakescroll - A lightweight library that lets you create custom HTML scrollbars..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_fakescroll.jpeg)
fakescroll
A lightweight library that lets you create custom HTML scrollbars.
3. Freebies
![Shards Dashboard Lite - Shameless plug: A free & modern admin dashboard template pack built on top of Bootstrap 4..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_shards-dashboard-lite.jpeg)
Shards Dashboard Lite
Shameless plug: A free & modern admin dashboard template pack built on top of Bootstrap 4.
![Westworld Slider - A slider pen created by Chris Gannon and inspired from the Westworld TV series..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_westworld-slider.jpeg)
Westworld Slider
A slider pen created by Chris Gannon and inspired from the Westworld TV series.
![Pure CSS Stack - The Stack game, written in pure CSS by Bence Szabó..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_pure-css-stack.jpeg)
Pure CSS Stack
The Stack game, written in pure CSS by Bence Szabó.
![CSS 3D Toggle - A pure CSS 3D toggle created by Ana Tudor..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_css-3d-toggle.jpeg)
CSS 3D Toggle
A pure CSS 3D toggle created by Ana Tudor.
![Clock Shop - A collection of clocks for your inspiration curated from Codepen..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_clock-shop.jpeg)
Clock Shop
A collection of clocks for your inspiration curated from Codepen.
4. UI Kits
![Flight App Freebie - A free UI kit from Pixelz Studio perfect for any app that is managing flights..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_flight-app-freebie.jpeg)
Flight App Freebie
A free UI kit from Pixelz Studio perfect for any app that is managing flights.
5. Fonts
![Chamuyo - A beautiful and modern display font from Caio Kondo..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_chamuyo.jpeg)
Chamuyo
A beautiful and modern display font from Caio Kondo.
![Big John Pro - A bold and free font that you can use for both personal and commercial projects..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_big-john-pro.jpeg)
Big John Pro
A bold and free font that you can use for both personal and commercial projects.
![Calibre - A free, super-condensed font from Jeremy Vessey..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_calibre.jpeg)
Calibre
A free, super-condensed font from Jeremy Vessey.
![Austra - A free uppercase brush font from Gatis Vilaks..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_austra.jpeg)
Austra
A free uppercase brush font from Gatis Vilaks.
![Alaska - An abstract typeface free for both personal and commercial projects..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_alaska.jpeg)
Alaska
An abstract typeface free for both personal and commercial projects.
![Lemon Bird - A free hand-drawn typeface designed by Ian Barnard..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_lemon-bird.jpeg)
Lemon Bird
A free hand-drawn typeface designed by Ian Barnard.
![Mathison - A beautiful and bold font by Gabriela Bury that is available for free..](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_mathison.jpeg)
Mathison
A beautiful and bold font by Gabriela Bury that is available for free.
![Leira - A free, hand-drawn font from Evita Vilaka.](https://dgc2qnsehk7ta.cloudfront.net/uploads/rfwdjul18_leira.jpeg)
Leira
A free, hand-drawn font from Evita Vilaka
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
🤔 What do you think?