Navigation

50 essential freebies for web designers, March 2014

By Juan Pablo Sarmiento | Resources | Feb 28, 2014

New projects are being released all the time that make us excited, curious, inspired and sometimes a little bit jealous. Today we continue our monthly series of the very best free resources for web designers with a collection that includes cool scripts, awesome fonts, great ideas, and must-see experiments.

If this collection is anything to go by, March is shaping up to be a fantastic month. Whether you’re a designer, developer, or enthusiast we’re sure you’ll find something here to feed into your next project.

 

The Amazing Pattern Library

Library with beautiful patterns.

The amazing pattern library

 

Bebas Neue

Very popular sans serif font family.

bebas newue

 

CSS loading animation

Colorful dots animation.

CSS loading animation

 

Vertical rotating text

Pure CSS experiment for rotating text.

Vertical rotating text

 

Horse icons

100 icons in SVG and JPG formats.

Horse icons

 

Uijunction

420 icons for iOS and Android environments.

UIjunction

 

Assorted textures

10 abstract textures in high resolution.

Assorted textures

 

Adam

All caps serif font for headlines and posters

Adam font

 

Rambla alt

Humanist font best suited for medium to long text.

Rambla Alt font

 

Vector ribbons

Set of flat ribbons in different styles.

Vector Ribbons

 

Typebase.css

Minimal customizable typography stylesheet.

Typebase.CSS

 

Ifvisible.js

Nice way to determine if a user is idle or active on a page.

ifvisible.js

 

Margot

Font optimized for large sizes, suited to a great variety of projects.

margot font

 

Infinity Wall

Code for a tiled background that loops infinitely.

Infinity wall

 

3D geometric background

Shiny, geometric background in high resolution.

3D geometric background

 

Guarantee labels

Nice set of editable vintage labels.

Guarantee labels

 

Aurora font

Font inspired by sci-fi movies and games.

aurora font

 

Email template PSD set

Set of 3 clear, well designed templates for email campaigns

email template PSD

 

jQuery Tocible

Lightweight table of contents.

jquery tocible

 

Grid animations

2 Outstanding animation effects for grid elements.

Grid animations

 

Blenda Script

Experimental font inspired by Lobster.

Blenda Script

 

iPhone color picker

Code experiment for selecting colors for projects.

iPhone color picker

 

Falling

Geometric, futuristic font for headlines and posters.

Falling font

 

Smartstart

Nice web project that shows all the info you need on a single page.

Smartstart

 

Blue circles background

Background design in EPS format for any kind of project.

Blue circles background

 

iOS 7 icons

More than a hundred iOS 7 icons.

iOS7 icons

 

CSS parallax

Parallax scrolling effect made in pure CSS.

pure CSS parallax

 

Brochure template

Template for health and nutrition companies.

Brochure template

 

Dribbble shot previewer

Useful mockup that will allow you to see a Dribbble preview of your designs.

Dribble shot previewer

 

Chase

Sleek and chic font with plenty of style.

Chase font

 

Browsersync

Keep multiple browsers & devices in sync when building websites.

Browsersync

 

Fit.js

Fit things into other things.

fit.js

 

Slidebars

jQuery plugin to implement revealing menus.

Slidebars

 

Long shadow icons

Set of 40 well crafted flat color icons with a long shadow effect.

Long Shadow icons

 

Radikal

Flat and colorful newspaper template.

Radikal template

 

Ribbon Alphabet

CDR vectors set of letters and numbers.

Ribbon Alphabet

 

PSD logo pack

Package of 9 logo designs to use in your next project.

PSD logo pack

 

Scrollreveal.js

Animations revealed on scrolling.

Scrollreveal.js

 

Simplecart.js

Lightweight, fast and easy to use shopping cart.

Simplecart.js

 

Threedify

Code experiment that creates 3D views of webpages.

Threedify

 

ExtractCSS

Extracts the CSS classes and styles from HTML documents and outputs them as a stylesheet.

Extract.CSS

 

Magic Dust

Nice high resolution abstract background with blur and sparkles effect.

Magic Dust background

 

Joint.js

Modern library for interaction with diagrams.

joint.JS

 

Resume template

Minimal design resume based in 2 grids.

Resume template

 

3D hover effect

Effect that turns a simple image into a 3D structure when hovered over.

3D hover effect

 

Bak

Single page, flat corporate template.

Bak template

 

Flat UI kit

Clean and light colored interface with more than 80 elements.

Flat UI kit

 

Mondrian

Simple vector graphics web app.

mondrian.IO

 

Grafana

Feature rich graph editor.

Grafana

 

Fabric textures

More than a hundred seamless patterns for backgrounds.

Fabric textures

 

Have you used any of these freebies in a project? Have we missed one of your favorites? Let us know in the comments.

Share this post
Comments (no login required)
  • brutedawg

    woah, i’ve heard of only a handful, but most of these are awesome, thanks!

  • Loz

    Are horse icons really essential for web designers?
    No, they are not.

    • Sane

      You never know when you might need a nice horse icon.

    • FartNoMore

      Believe it or not, they are exactly what I need right now.

    • Educated

      It’s the Lunar New Year of the Horse.
      Simpleton.

  • Danielle

    Nice collection, thanks! I’ve pinned a bunch of stuff here: http://www.pinterest.com/diydanielle/

  • Zac

    Mother of God….Horse Icons in Vector Format…..YESSS!!!

  • RanIbarra

    Love the free fonts :-) These are awesome.. Thanks for the freebies!

  • Mike

    Thanks – lots of goodies here!

  • http://wplearner.org Edward Chung

    A great list of free resources. Bookmarked for future use. Thanks a lot!

  • http://www.webdesignkent.co/ web design kent

    Wow it’s very wonderful collection. Thank you so much. Bookmarked for future.

  • Hir dihora

    really nice and useful !! thanks