featured

50 fantastic freebies for web designers, October 2014

By Juan Pablo Sarmiento Posted Oct. 29, 2014 Reading time: 5 minutes

We’re back with another fresh set of freebies for your delectation. This month we’ve included trendy fonts, icon packs, useful JS and jQuery plugins, plus some other great and handy tools.

And, as always, if you think we missed one of your favorite new freebies, let us know in the comments.

 

Free tools icon set

A set of 15 minimal icons with tools such as hammers, brushes, screwdrivers and so on. Provided in PSD, AI and PNG formats for your convenience.

 

Free sweets and desserts icon set

A delicious pack with many icons related to candies and desserts, coming in both B&W and color versions in PNG, PSD and AI formats.

free-sweetsdesserts-icon-set

 

Free outline icons

A giant set with 12000 icons coming in a simple minimalist style with two different versions, each including their respective PSD files.

12000-free-outline-icons

 

20+ free flat icons

A set with over 20 icons featuring a modern, flat look. You will find social networks, media playback and web design elements in editable PSD format.

 

iPhone 6 mockup

Simple, flat styled mockups for the new Apple products: The iPhone 6 and its big brother, the iPhone 6 Plus.

 

iPhone 6 Plus PSD flat mockup

A flat-styled mockup of the new iPhone 6 Plus in PSD format.

 

Rubber stamp PSD mockup

A hyper-realistic rubber stamp that you can use to display your corporate brand with style. Just put your design in the smart layer and you’ll be good to go.

 

Business card template

A nice business card template with strong dark colors for a sober look, although you can always modify the included PSD. High DPI for clear printing.

 

iPhone 6 and Apple watch design resources

With the introduction of a bigger screen size and a tiny new device, designers need some getting used to. These resources might make that a lot easier, though.

 

Free data visualization elements

A fantastic UI kit full of data visualization items created with Sketch and also exported to SVG and EPS formats for easy handling.

 

Watercolor logo templates

An interesting trio of logos carrying a watercolor background and hand drawings, producing a neat lo-fi, artistic appearance.

 

Bella PSD and HTML email template

Email templates are good for promoting your products and services. Bella comes in both PSD and HTML formats for your convenience.

 

Flat mobile app UI

A kit of user interface elements to build a mobile application with a modern, flat look.

 

Mail app template UI

A pretty template for a mailing app, making good use of dark colors, contrasting them with vibrant tones in buttons and icons, as well as good spacing between elements.

 

The Amsterdam user interface

A beautiful UI kit implemented with pure code. It features a neat color palette and multiple icons, creating a very pleasant experience.

the-amsterdam-user-interface

 

Table of contents generator

A tool for generating good looking tables of content for any area in your project. They come with modern styles and smooth animation alternatives.

table-of-contents

 

Neythal Tamil free font

A font that resembles handwriting, featuring multiple languages and special characters.

 

Zodiaclaw free font

A luxury font inspired in the claws of a lion. It makes for a good typeface in product titles and logos, combining traditional and modern touches.

zodiaclaw-free-font

 

Snazzy maps

This tool enables you to add fantastic new colors to Google Maps in order to match your design better and produce a unique feel.

snazzy-maps

 

Lottery website template PSD

An awesome lottery-oriented PSD template from the guys at Becommie.

 

Lithium: HTML5 one-page template

A neat single paged template with SCSS and CoffeScript files. The multiple divisions and soft animations make it easy to create interesting experiences with it.

lithium-HTML5-one-page-template

 

Artica one-page web template

A one-page website template, perfect for portfolios or agencies that need to showcase their content. Pixel perfect design and help file included.

 

Pillow WordPress theme

An organized WordPress theme aimed at interior design websites. Its simple, yet attractive look is something to appreciate.

pillow-free-wordpress-theme

 

Goran WordPress theme

A handy multi-purpose theme that can adapt to any need. Useful for quick company sites.

 

TopMobile WordPress theme

A free WordPress theme aimed at mobiles and technology. As you’d expect, it is completely responsive.

 

Enigma WordPress themes

A multipurpose, responsive WordPress theme created with Bootstrap. It looks good on retina displays and offers various page layouts and page templates.

enigma

 

Seller WordPress themes

A WooCommerce oriented WordPress theme with responsive design, slider and many more features. You can even use for non-commercial sites if you wish.

 

Knight theme

A classy multipurpose theme created with Bootstrap. It features elegant colors, responsive design and looks great on retina displays.

 

Lonely Bootstrap template

A simple HTML Bootstrap template created to show a short bio or contact page including animations, icons and lightboxes for images.

 

Resto Web template

A nice restaurant template created with HTML5 and CSS3. Perfect for your business’ online presence.

 

Squadfree

A neat HTML template for creatives designed with the Bootstrap 3 framework.

 

Daisy: Corporate Portfolio Web Template

A free responsive template with flat styling, intended to be used for corporate portfolios. As usual with W3Layouts, it comes in both HTML and PSD forms.

 

Radial chart

A colorful set of radial charts, based on the ones seen on the Apple Watch.

 

Scroll detection

A simple piece of code to detect how much the user has scrolled down a page.

 

50+ CSS3 animation effects demos

A hefty set of over 50 animation effects created with CSS3 and JavaScript. They vanish right after you check them, making for easy and organized viewing.

 

Square aperture-style menu

A checkered pattern with a button in the middle. When clicked, the pattern animates open, revealing a menu behind it.

 

Continuous scrolling background of sticky header

This concept allows the header image to keep scrolling at a slower pace one the user has gone past it.

 

Click and drag checkbox toggle

This clever code snippet allows user to select multiple checkboxes by clicking and dragging over them.

 

Colorful CSS gradient background generator

A super useful gradient background generator that helps you create gradients with the colors you want and then gives you the full CSS code for them.

 

Mapbox

An impressive tool to create vector based maps with great customization options.

 

Check a site: Scan websites for quality problems

This tool allows you to enter any website and see if it has any problems. Quite useful for comparing or testing websites.

 

CakeMail: Stay in touch with the people that matter

CakeMail offers a great set of tools so you can reach you customers. Give it a try and spread the word.

 

jQuery alerts

Here we have a hefty package of tools to show quick information through websites or apps in classy, interactive ways.

jquery-alerts

 

jQuery typeahead search plugin

This simple jQuery plugin aids your visitors by suggesting results depending on what they type on the search bar.

 

Hello.js

This client-side devkit enables authentication with OAuth2 while responding to well-known APIs.

 

Animsition: Animated page transitions

A cool jQuery plugin that makes heavy use of CSS3 in order to produce impressive animated page transitions that affect the whole website.

animsition-a-simple-and-easy-jquery-plugin-for-css-animated-page-transitions

 

Barque font

A stylish, original and totally free typeface for commercial or personal projects.

barquee-free-typeface

 

Prezento: jQuery plugin to showcase your website designs

This jQuery plugin allows you to show your creations to the web, offering multiple viewing techniques and mockups for responsive designs.

 

CSS & jQuery image comparison slider

A tool that lets you compare two images by moving a slider in ”before and after” fashion.

Aa