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.
1. Tools & Utilities
A collection of some of the most popular themes for Visual Studio Code grouped by categories (Trending, Dark & Light).
A collection of popular web apps to help you get inspired from real, top-grossing apps.
A small tool to help you generate color scales in an instant.
A list of some of the most popular “gradient” websites on the web.
Another collection of handpicked gradient hues and swatches for your next project.
A nifty tool that generates beautiful screenshots of your code snippets.
Waveguide is a curated and searchable base of design knowledge.
Dumper.js is an improved variable inspector for your Node.js applications.
A command line interface client for Slack written in Python.
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.
A collection of libraries and tools to simplify predictive data-analytics driven approaches to improve UX on the web.
A Node.js library that you can use to format terminal text with ANSI colors.
A CLI tool that allows you to access the best community-driven cheat sheets.
A lightweight library that lets you create custom HTML scrollbars.
Shards Dashboard Lite
Shameless plug: A free & modern admin dashboard template pack built on top of Bootstrap 4.
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ó.
CSS 3D Toggle
A pure CSS 3D toggle created by Ana Tudor.
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.
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.
A free, super-condensed font from Jeremy Vessey.
A free uppercase brush font from Gatis Vilaks.
An abstract typeface free for both personal and commercial projects.
A free hand-drawn typeface designed by Ian Barnard.
A beautiful and bold font by Gabriela Bury that is available for free.
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 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