The following is a retrospective of some of the best and most useful resources for web designers including tools, plugins, UI kits and many others that we curated during March 2018.
1. Tools
![Lunacy - Sketch for Windows](https://dgc2qnsehk7ta.cloudfront.net/uploads/01_lunacy_for_windows.jpg)
Lunacy
Lunacy is a lightweight Windows design tool that supports Sketch files and it’s currently under active development. The app comes with a limited set of tools for now, but the future seems bright based on the featured scheduled for the next release.
![Crumby](https://dgc2qnsehk7ta.cloudfront.net/uploads/07_crumby.jpg)
Crumby
Crumby is a collaboration tool for designers that allows you to manage all the assets in your project in one place and provides other cool features like real-time collaboration, task management, and others.
![Crumby](https://dgc2qnsehk7ta.cloudfront.net/uploads/16_subform.jpg)
Subform
Subform is a visual tool for creating dynamic UI layouts.
![Pretzel](https://dgc2qnsehk7ta.cloudfront.net/uploads/03_pretzel.jpg)
Pretzel
Pretzel is a Mac OS only app that searches and shows you keyboard shortcuts based on the currently focused app. A really great small tool to make you a wizard in almost any app.
![CSS Gradient](https://dgc2qnsehk7ta.cloudfront.net/uploads/04_css_gradient.jpg)
CSS Gradient
CSS Gradient is a tool that lets you create and fiddle around with gradients that you can use as backgrounds for websites or how you see fit.
![Crunch - Insane(ly slow but wicked good) PNG image optimization (macOS)](https://dgc2qnsehk7ta.cloudfront.net/uploads/05_crunch.jpg)
Crunch
Crunch is a Mac OS only tool for (modest) lossy PNG file optimization with really great file size output.
![UI Faces](https://dgc2qnsehk7ta.cloudfront.net/uploads/06_uifaces.jpg)
UI Faces
UI Faces is a tool that aggregates photos from various sources. There’s also a cool Sketch plugin based on it that you can use to quickly generate avatars without leaving the app.
![Variable Fonts](https://dgc2qnsehk7ta.cloudfront.net/uploads/02_variable_fonts.jpg)
Variable Fonts
Variable Fonts is a really simple tool that helps you find and play around with variable fonts.
2. Libraries & Extensions
![Tippy.js - A vanilla JS customizable tooltip library based on Popper.js](https://dgc2qnsehk7ta.cloudfront.net/uploads/17_tippyjs.jpg)
Tippy.js
Tippy.js is a vanilla JS tooltip and popover library powered by Popper.js.
![Fontanello](https://dgc2qnsehk7ta.cloudfront.net/uploads/18_fontanello.jpg)
Fontanello
Fontanello is a browser extension for Google Chrome and Firefox that lets you display the basic typographic styles of a text by right-clicking it.
3. UI Kits & Templates
![Deck UI Kit from InVision](https://dgc2qnsehk7ta.cloudfront.net/uploads/08_deck_ui_kit.jpg)
Deck
A beautiful and free card-style UI kit from InVision.
![Papaya Templates](https://dgc2qnsehk7ta.cloudfront.net/uploads/09_papaya.jpg)
Papaya
Not a UI kit, but a collection of free landing page templates that you can use for any project.
![iBlocks - iOS Wireframe Kit](https://dgc2qnsehk7ta.cloudfront.net/uploads/10_iblocks_ui_kit.jpg)
iBlocks
iBlocks is a free iOS wireframe kit with simple, colorful blocks.
4. Icon Packs
![Fintech Icon Set](https://dgc2qnsehk7ta.cloudfront.net/uploads/11_fintech_icons.jpg)
Fintech Icon Set
A collection of 48 financial technolohy vector icons built by Agente Studio.
![200 Free Icons](https://dgc2qnsehk7ta.cloudfront.net/uploads/12_200_icons.jpg)
200 Free Icons
A collection of 200 free vector icons designed and released by Henrik Γstergaard.
5. Fonts
![Vindica](https://dgc2qnsehk7ta.cloudfront.net/uploads/13_vindica_font.jpg)
Vindica
Vindica is a free, powerful and young typeface designed by Rubirubiko.
![Homemade](https://dgc2qnsehk7ta.cloudfront.net/uploads/14_homemade_font.jpg)
Homemade
Homemade is a free, brush typeface that comes with ligatures and contextual terminal forms designed by Locomotype.
![Quickens](https://dgc2qnsehk7ta.cloudfront.net/uploads/15_quickens_font.jpg)
Quickens
Quickens is a free, hand-drawn font inspired by old lettering textbooks.
6. Great Reads
- πLesser known CSS quirks & advanced tips by Peedu Tuisk
- πGood to great UI animation tips by Pablo Stanley
- πAn in-depth look at Prototyping in Sketch by Sketch
- πEthical Design: The Practical Getting-Started Guide by Trine Falbe
- πSketch 49 – Find and replace colors everywhere by Francesco Bertocci
- πΉHow dark patterns trick you online (YouTube) by Nerdwriter
What are your favorite tools or resources released this month? Did we miss anything? Let us know in the comments below! π
π€ What do you think?