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 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 is a free tool that allows you to apply and customize a duotone effect on your images.
HueSnap is a tool that allows you to create, modify and share color palettes.
Mobbin provides an extensive and hand-picked collection of the latest mobile design patterns.
Mockup Photos is a collection of free and premium mockup templates for multiple devices.
2. Libraries & Extensions
VuePress is a highly-performant static site generator based on Vue.js and focused on simplicity.
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.
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.
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.
A collection of more than 780 free and cute emoji icons.
GT Super is a stunning display serif font inspired by the 1970s and 80s and has a vree trial available.
Medel is a free and modern sans-serif font inspired by the Chilean football player Gary Medel.
A free typeface inspired by sports icons that is also available for both free and commercial projects.
Fira Code is a beautiful monospace font for programmers that supports ligatures.
Riviera is a free display uppercase-only typeface designed by Johann Darcel.
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! 😁