120+

Blocks

350+

Components
Introducing

Shards Pro

15

Pages

13

Categories
Learn More

30+ New resources for web developers and designers – May 2018

Discover the best resources for web designers and developers including tools, libraries, fonts, icons and many other goodies that we curated during May 2018.

30+ New resources for web developers and designers – May 2018

Discover the best new resources for web developers and designers including tools, libraries, fonts, icons and many other goodies that we curated during May 2018.

1. Tools & Utilities

Overflow

Overflow

Overflow is a new cross-platform tool that syncs with other design tools that you can use to create beautiful user flows.

Check it Out

Screely

Screely

Screely makes your screenshots or designs beautiful and Dribbble-ready with just a drag and drop.

Check it Out

Unique

Unique

Unique allows you to create your own custom fonts in just a few steps.

Check it Out

Illustration Tools - Directory of tools for illustrators

Illustration Tools

Illustration Tools is as its name says, a nifty directory of tools for illustrators that’s worth checking out!

Check it Out

LayoutIt

LayoutIt

LayoutIt is a CSS grid layout generator.

Check it Out

Jumprock

Jumprock

Jumprock is a service that handles form submissions for your static websites.

Check it Out

Keyframes.app

Keyframes.app

Keyframes.app comes as a browser extension and a web app with a visual timeline that allows you to easily create and run animations.

Check it Out

Cool Backgrounds

Cool Backgrounds

Cool backgrounds is an awesome background generator.

Check it Out

2. Libraries

ReLaXed

ReLaXed

ReLaXed is a library that allows complex layouts to be created using web technologies and generates PDF documents interactively.

Check it Out

Cash.js

Cash.js

Cash is a really small (4kb mingz) jQuery alternative for modern browsers (IE10+).

Check it Out

Curtains.js

Curtains.js

Curtains.js is a small library that converts HTML elements into animated 3D WebGL textured planes.

Check it Out

Layer.js

Layer.js

Layer.js is a library that allows you to create UI compositions and animations.

Check it Out

Smart CSS Grid

Smart CSS Grid

Smart CSS Grid is a lightweight CSS framework with clear syntax and minimal footprint weighing only 0.5 KB.

Check it Out

Flexy

Flexy

Flexy is a minimalistic CSS framework weighing only 0.33 KB minified and gzipped.

Check it Out

Ranger.js

Ranger.js

Ranger.js is a small, standalone library for working with ranges of numbers in JavaScript.

Check it Out

Saber.js

Saber.js

Saber.js is a lightweight library for creating static websites using Vue.

Check it Out

3.Courses & Tutorials

Scrimba - Learn Bulma CSS for Free

Learn Bulma CSS

Build three beautiful websites in less than 1 hour with the Bulma CSS course from Scrimba.

Check it Out

CSS Tricks - Responsive Knockout Text With Looping Video

Responsive Knockout Text With Looping Video

Giulio Mainardi wrote a great article on CSS Tricks on how to create a responsive knockout text with looping background video.

Check it Out

CSS Tricks - Solved with CSS: Dropdown Menus

Solved with CSS: Dropdown Menus

Una Kravets covers how to create powerful and accessible dropdown menus powered by CSS.

Check it Out

4. Fonts

Lash - free font

Lash

Lash is a free, tall and sharp font designed by Mehmet Reha Tugcu.

Check it Out

MT Knox - Free font

MT Knox

MT Knox is a free, condensed editorial display typeface designed by Morrison Type.

Check it Out

Cunia - Free font

Cunia

Cunia is a free, beautiful, bold and semi-rounded typeface designed by Alejo Bergmann

Check it Out

Argon - Free font

Argon

Argon is a free, sharp and stylized typeface designed by Gianina Poma.

Check it Out

5. Icons

Language Icons

12 Language Icons

A beautiful set of 12 vector icons from Max Panchyk.

Check it Out

Lordicons

Lordicons

Lordicons is a free set of 50 animated SVG icons.

Check it Out

Clothes and Shopping Icons

Clothes and Shopping Icons

A free set of 40 clothes and shopping vector icons designed by Kasra Design.

Check it Out

6. Great Reads


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

πŸ”₯πŸ“¦ Check the best tools and resources for web developers and designers from May 2018 Click To Tweet

Check out the other monthly 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?