60 free resources you really must try

Default avatar.
August 23, 2013
60 free resources you really must try.

thumbnailFinding the right elements for a project can significantly improve the quality of the final product, especially if your deadline's too tight to build these things yourself.

Quality is essential if you're to maintain a professional finish. Fortunately the quality of the resources available to us continues to rise and premium standard resources are everywhere. Here's a collection of some of our current favorites:

Mmenu

This jQuery plugin creates slick, app-like sliding menus for mobile sites.

A-showcase-of-must-have-tools-for-webdesigners_001

Fabric textures

These 5 cloth textures are free to download as JPGs.

A-showcase-of-must-have-tools-for-webdesigners_002

Fitgrd

This is a lightweight and cool looking responsive grid.

A-showcase-of-must-have-tools-for-webdesigners_003

Horizontal menu

This is a horizontal slide-out menu with a grid based submenu.

A-showcase-of-must-have-tools-for-webdesigners_004

Upload form

This is a mini Ajax upload form.

A-showcase-of-must-have-tools-for-webdesigners_005

Minimalistic (free for personal use)

Minimalistic is a minimal WordPress theme with nice brushstroke patterns.

A-showcase-of-must-have-tools-for-webdesigners_065

Mobile application UI kit

This mobile application UI kit is downloadable as a PSD.

A-showcase-of-must-have-tools-for-webdesigners_006

Flat icon set

Who can have too many flat icon sets?

A-showcase-of-must-have-tools-for-webdesigners_007

Flatilicious icons

Seriously, who can have too many?

A-showcase-of-must-have-tools-for-webdesigners_008

Fries

Create an Android-like UI with HTML, CSS and JavaScript

A-showcase-of-must-have-tools-for-webdesigners_009

Linecons

48 fully scaleable vector icons.

A-showcase-of-must-have-tools-for-webdesigners_010

Windows

A jQuery plugin for fullscreen scrolling windows.

A-showcase-of-must-have-tools-for-webdesigners_011

Slider

A useful free slider with gliding backgrounds.

A-showcase-of-must-have-tools-for-webdesigners_012

Transit

Super smooth CSS transitions and transforms for jQuery.

A-showcase-of-must-have-tools-for-webdesigners_013

FastCache

The fastest PHP object caching system ever, apparently.

A-showcase-of-must-have-tools-for-webdesigners_014

Beag

A set of useful mobile app UI elements.

A-showcase-of-must-have-tools-for-webdesigners_015

Mixitup

A CSS3 and jQuery filter and sort plugin.

A-showcase-of-must-have-tools-for-webdesigners_016

Pricing table

A minimal pricing table for designers and developers.

A-showcase-of-must-have-tools-for-webdesigners_017

Cesium

This is a JavaScript library for creating 3D globes in a web browser.

A-showcase-of-must-have-tools-for-webdesigners_018

Bootstrap magic

Use this to create your own Twitter Bootstrap theme.

A-showcase-of-must-have-tools-for-webdesigners_019

Map icons designer

Icons for Google maps, suitable for map applications.

A-showcase-of-must-have-tools-for-webdesigners_020

Transparent UI kit

This is a layered UI kit in a PSD.

A-showcase-of-must-have-tools-for-webdesigners_021

Topcoat

A CSS kit for lightweight web apps.

A-showcase-of-must-have-tools-for-webdesigners_022

Controls settings

A useful PSD flat control panel.

A-showcase-of-must-have-tools-for-webdesigners_023

CSS modal

A modal builder in pure CSS.

A-showcase-of-must-have-tools-for-webdesigners_024

Sassaparilla

This is a quick way to jump-start responsive design projects.

sassaparilla

Beach UI

A minimal UI kit in the form of a PSD.

A-showcase-of-must-have-tools-for-webdesigners_026

Retina-ready menu

This is a responsive, touch-friendly menu with three layouts for different browsers.

A-showcase-of-must-have-tools-for-webdesigners_027

Flexisel

A responsive carousel jQuery plugin.

A-showcase-of-must-have-tools-for-webdesigners_028

W2UI library

As set of connected jQuery plugins designed for front end use.

A-showcase-of-must-have-tools-for-webdesigners_029

Dark Accordion

A stylish navigation menu in a PSD.

A-showcase-of-must-have-tools-for-webdesigners_030

Skel.js

A frontend framework for building responsive sites.

A-showcase-of-must-have-tools-for-webdesigners_031

Magnific Popup

A responsive jQuery lightbox plugin.

A-showcase-of-must-have-tools-for-webdesigners_032

Nice Less buttons

A set of buttons made in CSS.

A-showcase-of-must-have-tools-for-webdesigners_034

Multipurpose website template

A beautifully designed PSD for any purpose.

A-showcase-of-must-have-tools-for-webdesigners_035

Two.js

A 2D drawing API.

A-showcase-of-must-have-tools-for-webdesigners_036

Flat UI login form

A trendy login and register form.

A-showcase-of-must-have-tools-for-webdesigners_037

Ecommerce flat

A flat ecommerce UI kit in PSD format.

A-showcase-of-must-have-tools-for-webdesigners_038

Brand identity

A layered PSD for presenting logo and identity design.

A-showcase-of-must-have-tools-for-webdesigners_039

Animation fill code

An app to fill in the necessary code for CSS3 keyframe animations.

A-showcase-of-must-have-tools-for-webdesigners_040

Countable.js

This script adds live paragraph, word, and character counting to an html element.

A-showcase-of-must-have-tools-for-webdesigners_041

Github Archiveroom

Explore your Github archive in 3D.

A-showcase-of-must-have-tools-for-webdesigners_042

iPhone 5 flat

A flat iPhone 5 mockup.

A-showcase-of-must-have-tools-for-webdesigners_043

HoverMenu

An easily accessible menu anywhere on your page.

A-showcase-of-must-have-tools-for-webdesigners_044

SLY

A JavaScript library for one-directional scrolling.

A-showcase-of-must-have-tools-for-webdesigners_045

Flatstrap

A bootstrap skin using flat design techniques.

A-showcase-of-must-have-tools-for-webdesigners_046

Packery

A JavaScript plugin for bin-packing layouts.

A-showcase-of-must-have-tools-for-webdesigners_047

Snaps theme

A free portfolio theme for WordPress.

A-showcase-of-must-have-tools-for-webdesigners_048

Easy responsive tabs

A jQuery plugin that optimises horizontal or vertical tabs.

A-showcase-of-must-have-tools-for-webdesigners_049

CSS social share button

A flat social tooltip button.

A-showcase-of-must-have-tools-for-webdesigners_050

Knockout

Use Knockout to simplify dynamic JavaScript UIs using the MVVM pattern.

A-showcase-of-must-have-tools-for-webdesigners_051

Magazine mockup

A PSD template ideal for showcasing your projects.

A-showcase-of-must-have-tools-for-webdesigners_055

Weather icons

A great set of weather icons in PSD format.

A-showcase-of-must-have-tools-for-webdesigners_056

Flat icons set

Another set of icons, this time delivered as .png files.

A-showcase-of-must-have-tools-for-webdesigners_057

Social media icon set

A free set of social media icons.

A-showcase-of-must-have-tools-for-webdesigners_058

Simple icons

Another set of free icons.

A-showcase-of-must-have-tools-for-webdesigners_059

Icon hover effects

Round icon hover effects, this time with CSS transitions.

A-showcase-of-must-have-tools-for-webdesigners_060

Percentage bars

Flat style percentage bars built with CSS.

A-showcase-of-must-have-tools-for-webdesigners_061

Twitter UI

A Twitter client UI built in CSS and HTML.

A-showcase-of-must-have-tools-for-webdesigners_063

Music widget

A flat widget music player with simple animations.

A-showcase-of-must-have-tools-for-webdesigners_064

Have you used any of these resources? Have we missed any of your favorites? Let us know in the comments.

Juan Pablo Sarmiento

Founder of iconShock (high quality free icon sets), DesignShock (lots of design packs and TemplateShock (printing templates)

Read Next

LimeWire Developer APIs Herald a New Era of AI Integration

Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…

20 Best New Websites, March 2024

Welcome to our pick of sites for March. This month’s collection tends towards the simple and clean, which goes to show…

Exciting New Tools for Designers, March 2024

The fast-paced world of design never stops turning, and staying ahead of the curve is essential for creatives. As…

Web Tech Trends to Watch in 2024 and Beyond

It hardly seems possible given the radical transformations we’ve seen over the last few decades, but the web design…

6 Best AI Productivity Apps in 2024

There’s no escaping it: if you want to be successful, you need to be productive. The more you work, the more you…

3 Essential Design Trends, February 2024

From atypical typefaces to neutral colors to unusual user patterns, there are plenty of new website design trends to…

Surviving the Leap from College to Real-World Design

So, you’ve finished college and are ready to showcase your design skills to the world. This is a pivotal moment that…

20 Mind-Bending Illusions That Will Make You Question Reality

Mind-bending videos. Divisive Images. Eye-straining visuals. This list of optical illusions has it all. Join us as we…

15 Best New Fonts, February 2024

Welcome to February’s roundup of the best new fonts for designers. This month’s compilation includes some innovative…

The 10 Best WordPress Quiz Plugins in 2024

Whether it’s boosting your organic search visibility or collecting data for targeted email marketing campaigns, a great…

20 Best New Websites, February 2024

It’s almost Valentine’s Day, so this latest collection is a billet-doux celebrating the best of the web this month.

Everything You Need to Know About Image Formats In 2024

Always trying to walk the tightrope between image quality and file size? Looking to branch out from JPGs and PNGs this…