23+ Best new resources for web developers August 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 August 2018.

23+ Best new resources for web developers August 2018

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

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

1. Tools

CodeZen - With CodeZen you can generate beautiful and customizable previews of your code snippets and share them with your friends or social media.

CodeZen

With CodeZen you can generate beautiful and customizable previews of your code snippets and share them with your friends or social media.

Check it Out

Moceen - Moceen is an open-source app that allows you to create beautiful screenshots with device mockups.

Moceen

Moceen is an open-source app that allows you to create beautiful screenshots with device mockups.

Check it Out

2. Libraries

Between.js - Between.js is a lightweight and highly performant ES6 tweening engine.

Between.js

Between.js is a lightweight and highly performant ES6 tweening engine.

Check it Out

Mauerwerk - A masonry grid with enter and exit transitions for React.

Mauerwerk

A masonry grid with enter and exit transitions for React.

Check it Out

Apex Charts - A free and beautiful JavaScript charting library.

Apex Charts

A free and beautiful JavaScript charting library.

Check it Out

Undux - A dead-simple state management library for React that is meant to be an alternative to Flux or Redux.

Undux

A dead-simple state management library for React that is meant to be an alternative to Flux or Redux.

Check it Out

Nano ID - A library for generating random IDs with a very small probability of an ID being duplicated.

Nano ID

A library for generating random IDs with a very small probability of an ID being duplicated.

Check it Out

Tiptap - A renderless rich-text editor for Vue.js based on Prosemirror that is highly extendable.

Tiptap

A renderless rich-text editor for Vue.js based on Prosemirror that is highly extendable.

Check it Out

Lazyestload - A lightweight (400 bytes) library that loads images only when they are in viewport.

Lazyestload

A lightweight (400 bytes) library that loads images only when they are in viewport.

Check it Out

Vue Storefront - Vue Storefront is a PWA storefront powered by Vue that is ultra-fast, offline ready web app that is licensed under the MIT license.

Vue Storefront

Vue Storefront is a PWA storefront powered by Vue that is ultra-fast, offline ready web app that is licensed under the MIT license.

Check it Out

Razzle - Razzle is a tool that abstracts all the complex configuration needed for server-side rendering into a single dependency.

Razzle

Razzle is a tool that abstracts all the complex configuration needed for server-side rendering into a single dependency.

Check it Out

3. UI Kits & Templates

Libre - A free responsive single-page template created using Tailwind perfect for any management-like projects.

Libre

A free responsive single-page template created using Tailwind perfect for any management-like projects.

Check it Out

Creation Shop - A free and beautiful UI kit designed for online stores.

Creation Shop

A free and beautiful UI kit designed for online stores.

Check it Out

4. Icons

Gradient Icons - A free collection of 100 beautiful, gradient icons.

Gradient Icons

A free collection of 100 beautiful, gradient icons.

Check it Out

Capitalist Icons - A free collection of 60 food & drink icons.

Capitalist Icons

A free collection of 60 food & drink icons.

Check it Out

5. Tutorials

Diagonal Slideshow - A beautiful slideshow with a

Diagonal Slideshow

A beautiful slideshow with a “diagonal” look and three visible slides.

Check it Out

Sticky, Smooth, Active Nav - A short tutorial from Chris Coyier detailing how to create a sidebar nav that scrolls smoothly to the sections you link to, stays on the screen but doesn't overlap the header/footer or make the links in-accessible.

Sticky, Smooth, Active Nav

A short tutorial from Chris Coyier detailing how to create a sidebar nav that scrolls smoothly to the sections you link to, stays on the screen but doesn’t overlap the header/footer or make the links in-accessible

Check it Out

Slide Out Box Menu - A really great tutorial detailing how you can create a details menu with boxes that slide in an irregular grid with delays and beautiful transitions.

Slide Out Box Menu

A really great tutorial detailing how you can create a details menu with boxes that slide in an irregular grid with delays and beautiful transitions

Check it Out

Animated SVG Neon Effect - A full-tutorial from Illustrator, to Sketch to SVG in which you learn how to create an animated, flashy SVG neon-light effect.

Animated SVG Neon Effect

A full-tutorial from Illustrator, to Sketch to SVG in which you learn how to create an animated, flashy SVG neon-light effect.

Check it Out

6. Fonts

Space Grotesk - A free and beautiful typeface that supports the Latin Extended-A character set and several OpenType features.

Space Grotesk

A free and beautiful typeface that supports the Latin Extended-A character set and several OpenType features.

Check it Out

UStroke - A free, scribble-style font designed by Tikhon Reztcov.

Ustroke

A free, scribble-style font designed by Tikhon Reztcov.

Check it Out

Sanos - A free brush font designed by Krišjānis Mežulis.

Sanos

A free brush font designed by Krišjānis Mežulis.

Check it Out

Travelers - A free grid-based, mono-width font designed by Arek Zajac.

Travelers

A free grid-based, mono-width font designed by Arek Zajac.

Check it Out

7. Great Reads


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

🔥 Check out the best resources for web developers from August 2018 #web #resources 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