The following is a retrospective of some of the best and most useful resources for web designers and developers including tools, plugins, UI kits and many others that we curated during April 2018.
1. Tools & Utilities
Sketch.The.Ripper
Sketch.The.Ripper is a free small little tool from Icons8 powered by Lunacy that allows you to extract and view the contents of any Sketch file in your browser.
Duotones
Duotones is a free tool that allows you to apply and customize a duotone effect on your images.
HueSnap
HueSnap is a tool that allows you to create, modify and share color palettes.
Mobbin
Mobbin provides an extensive and hand-picked collection of the latest mobile design patterns.
Mockup Photos
Mockup Photos is a collection of free and premium mockup templates for multiple devices.
2. Libraries & Extensions
VuePress
VuePress is a highly-performant static site generator based on Vue.js and focused on simplicity.
CSS Blocks
CSS Blocks is a component-based CSS authoring system developed by LinkedIn that compiles to high-performance stylesheets and features a tiny runtime, scoped styles, dead code elimination, object oriented inheritance and many more.
Particle Effects for Buttons
A small library from Codrops that you can use to create bursting particle effects.
TensorFlow.js
TensorFlow is a library used to train and deploy machine learning models and it’s finally making its debut on the JavaScript scene. Check out the announcement blog post on Medium
Glide.js
Glide.js is a dependency-free JavaScript library that you can use to build sliders and carousels.
React Spring
React Spring is a highly-performant set of simple building blocks for UI animations that should cover most use cases.
WebGL Distortion Hover Effects
A small library from Codrops that you can use to create WebGL powered distortion effects.
3. Icons
Fontisto
Fontisto is an icon font with more than 616 free icons that you can use for both personal and commercial projects.
Unicons Icon Set
A free icon set consisting of 200 simple and easy to use vector line icons.
Steamline Emoji
A collection of more than 780 free and cute emoji icons.
4. Fonts
GT Super
GT Super is a stunning display serif font inspired by the 1970s and 80s and has a vree trial available.
Medel
Medel is a free and modern sans-serif font inspired by the Chilean football player Gary Medel.
Atlanta
A free typeface inspired by sports icons that is also available for both free and commercial projects.
Fira Code
Fira Code is a beautiful monospace font for programmers that supports ligatures.
Riviera
Riviera is a free display uppercase-only typeface designed by Johann Darcel.
5. Patterns
Memphis Space Patterns
A beautiful collection of 7 vector and seamless patterns.
6. Great Reads
- 📹Rams, a documentary about legendary designer Dieter Rams
- 📄In Defense of Design Thinking, Which Is Terrible
- 📄Another Collection of Interesting Facts About CSS Grid
- 📄Which Podcasts Should Web Designers And Developers Be Listening To?
- 📄The Inside Story of Reddit’s Redesign
What are your favorite tools or resources released this month? Did we miss anything? Let us know in the comments below! 😁
Check out the other roundups:
🤔 What do you think?