20 Fresh and Free Design Resources You Don’t Want To Miss!

Friday, October 28, 2016

Looking for some new and free design resources to add to your freebies collection? Look no further!

We selected 20 fresh and free design resources with freebies such as free fonts, UI kits, navigation user interfaces, CSS icons, CSS snippets and animations, icons sets, prototyping tools and more. We even selected some cool wireframe kits for you!

These freebies are available to instantly download and use in your own projects.

Check them out!

Morphing navigation 10 UI kit

This is a tutorial that shows you how to create a morphing dropdown navigation menu with HTML, CSS and JavaScript.

CSS Icon

CSS Icon is a set with 100 icons made with pure CSS. Grab the code, include it in your CSS file and start using these icons!

Sneakpeekit

Sneakpeekit is a free collection of printable PDF grids for design wireframing. This free wireframing set includes 7 different templates and comes in two version, with and without a dot grid.

Octanis

Octanis is a free font family that comes in 10 beautiful styles based on Sans, Slab and Serif. That’s a typeface ideal for headlines.

Fun Weather

Fun Weather is a free landing page design template ideal for showcasing apps. It comes as a PSD file.

Sportify

Sportify is a small UI kit for fitness apps. This UI kit is made of 5 awesome Sketch screens.

Wonep

Wonep is a free UI kit made of 30+ unique mobile Sketch screens.You can use this for calling apps. It also includes a file with animations to clarify the user experience.

Hello

Hello is a modern mobile UI kit for Sketch. Includes 20 unique screens and 100+ vectored custom UI elements that can easily be combined.

Wing

Wing is a fresh CSS framework for developing responsive websites. It has some basic elements styles (grids, typography, buttons, forms and some fading animations).

Banaue

Banaue is a free handwritten brush font that includes 104 characters and a bunch of basic glyphs.

in-view

in-view.js is a lightweight JavaScript utility to detect when a DOM element enters or exits the viewport. It is also available as a npm package.

Citysets

Citysets is a collection of city-based icon sets for Sketch and Adobe Illustrator. The set includes London, New York, Paris and Sydney city sets.

170 Retro Business icons

This is a set of 170 colored retro business icons designed in Sketch. The icons were built on a 58px base grid.

Kadisoka

Kadisoka Script is a handwriting font ideal for logotypes and headlines. It includes ligatures, stylistic alternate, and lots of stylistic sets.

Coreographer-js

Coreographer-js is a JavaScript library for creating complex animations based on events like scroll, mouse move, etc. Y

100 Free line and solid icons

This is a set of 100 free generic icons for Sketch and Illustrator.

text-spinners

text-spinner is a collection of spinners and loaders made with pure text and CSS. It is font-independent.

CSS Collection of navigation indicators

This is a CSS collection of navigation bullets and indicators for pages, slideshows and other components.

Mobile UI wireflow kit

This is a free Mobile UI wireflow kit for Sketch to help with the planning of applications and speed up your UX workflow. It includes 57 mobile screens.