Shards Pro




Learn More

Resources for web designers – March 2018

A monthly collection of the best resources for web designers including high-quality tools, design assets, learning resources and many others.

Resources for web designers – March 2018

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 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.

Download Now

Crumby 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.

Check it Out

Crumby Subform


Subform is a visual tool for creating dynamic UI layouts.

Check it Out

Pretzel 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.

Download Now

CSS Gradient CSS Gradient

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.

Check it Out

Crunch - Insane(ly slow but wicked good) PNG image optimization (macOS) Crunch


Crunch is a Mac OS only tool for (modest) lossy PNG file optimization with really great file size output.

Check it Out

UI Faces UI Faces

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.

Check it Out

Variable Fonts Variable Fonts

Variable Fonts

Variable Fonts is a really simple tool that helps you find and play around with variable fonts.

Check it Out

2. Libraries & Extensions

Tippy.js - A vanilla JS customizable tooltip library based on Popper.js Tippy.js


Tippy.js is a vanilla JS tooltip and popover library powered by Popper.js.

Check it Out

Fontanello 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.

Check it Out

3. UI Kits & Templates

Deck UI Kit from InVision Deck UI Kit from InVision


A beautiful and free card-style UI kit from InVision.

Download Now

Papaya Templates Papaya Templates


Not a UI kit, but a collection of free landing page templates that you can use for any project.

Check it Out

iBlocks - iOS Wireframe Kit iBlocks - iOS Wireframe Kit


iBlocks is a free iOS wireframe kit with simple, colorful blocks.

Download Now

4. Icon Packs

Fintech Icon Set Fintech Icon Set

Fintech Icon Set

A collection of 48 financial technolohy vector icons built by Agente Studio.

Download Now

200 Free Icons 200 Free Icons

200 Free Icons

A collection of 200 free vector icons designed and released by Henrik Østergaard.

Download Now

5. Fonts

Vindica Vindica


Vindica is a free, powerful and young typeface designed by Rubirubiko.

Download Now

Homemade Homemade


Homemade is a free, brush typeface that comes with ligatures and contextual terminal forms designed by Locomotype.

Download Now

Quickens Quickens


Quickens is a free, hand-drawn font inspired by old lettering textbooks.

Download Now

6. Great Reads

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:

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?