Navigation

50+ fantastic free tools for designers

By Juan Pablo Sarmiento | Resources | Sep 20, 2013

One of the very best things about the Web is the great tools that the community keeps on delivering. We love discovering new stuff almost as much as we love bringing it to you.

This great selection has over 50 free resources including coding tools for developers, icons sets, fonts, PSD and vector design sets, patterns and flat UI kits, and many more, meant to dazzle everyone with your next mobile projects, website or blog. Let’s get to work!

 

OOcharts

A toolkit for building your own Google Analytics dashboard.

remarkable-freebies-and-tools-01

 

One div emoticons

Text based emoticons created with one div.

remarkable-freebies-and-tools-02

 

Metrize icons

Massive collection of 300 metro-style icons in multiple file formats.

remarkable-freebies-and-tools-03

 

Famous landmarks

Icon set with 12 famous landmarks

remarkable-freebies-and-tools-04

 

Sabado type family

Cool font that’s a little different.

remarkable-freebies-and-tools-05

 

Pricing tables

Nice, simple and straight forward pricing tables in a PSD.

remarkable-freebies-and-tools-06

 

World monuments

Set of 250 vector icons with monuments from around the world.

remarkable-freebies-and-tools-07

 

Relax widgets

PSD pack with professional widgets.

remarkable-freebies-and-tools-08

 

PSD Shelves

100 fully editable and pixel perfect PSD shelves.

remarkable-freebies-Shelves

 

Verb Condensed

Nice contemporary font.

remarkable-freebies-and-tools-09

 

Creative Link Effects

Subtle and modern effects for links and menu items

remarkable-freebies-and-tools-10

 

Iconset

Nice set of 63 outlined icons in a PSD.

remarkable-freebies-and-tools-11

 

Viber iOS7

Mockup of Viber’s iOS7 app

remarkable-freebies-and-tools-12

 

CSS Circular Navigation

Downloadable resource and tutorial

remarkable-freebies-and-tools-13

 

jquery.arbitrary-anchor.js

Arbitrary anchors for any element on your page.

remarkable-freebies-and-tools-14

 

Legacy Edition

Handwritten font face with 269 glyphs.

remarkable-freebies-and-tools-15

 

PSD Player

Nice and simple music player with glossy style.

remarkable-freebies-and-tools-16

 

Google+ Template GUI

Useful interface elements for every designer.

remarkable-freebies-Google-GUI

 

Dripicons

Useful vector line-icon font in several formats.

remarkable-freebies-and-tools-18

 

Compress PNG

Convert mages from PNG to PNG-8 with transparencies and full browser compatibility.

remarkable-freebies-and-tools-19

 

iPhone 6 wrap around screen

Interesting concept mockup of the next iPhone.

remarkable-freebies-and-tools-20

 

Braxton

A brush flavored script font.

remarkable-freebies-and-tools-21

 

Long Shadow Flat UI Kit

Nice interface with strong colors and mainly dashboard elements.

remarkable-freebies-and-tools-22

 

iOS7 Glyph Icons

Set of 42 outlined icons with source files

remarkable-freebies-and-tools-23

 

Weather Loader

Nice weather animation made in CSS.

remarkable-freebies-and-tools-24

 

Absolute Centering

Effect for centering horizontally and vertically.

remarkable-freebies-and-tools-25

 

Pantone Sample

A good way to showcase color schemes to clients.

remarkable-freebies-and-tools-26

 

Light Patterns

Set of 5 subtle patterns in light color tonalities.

remarkable-freebies-and-tools-27

 

iOS7 Line Icons

50+ line-icons ready to use in iOS7.

remarkable-freebies-and-tools-28

 

Medium.js

Useful tool to keep HTML code semantic and clean.

remarkable-freebies-and-tools-29

 

Jelly Navigation

Nice touch device jelly animation concept in CSS and JS.

remarkable-freebies-and-tools-30

 

Google Product Logos

Useful illustrator file with all of Google’s product logos.

remarkable-freebies-and-tools-31

 

PHP DebugBar

Nice looking PHP debug bar for your data collection projects

remarkable-freebies-and-tools-32

 

Typewonder

Useful online tool to test fonts on any website.

remarkable-freebies-and-tools-33

 

60 SEO Services Icons

Pack of fully editable SEO icons with source files.

remarkable-freebies-and-tools-34

 

CSS Radio Buttons

Clean set of CSS buttons.

remarkable-freebies-and-tools-35

 

FancySelect

A slick drop-down menu.

remarkable-freebies-and-tools-36

 

Vector Shapes

Create beautiful labels and badges with these vector shapes.

remarkable-freebies-and-tools-37

 

Corbert Condensed

Clean modern font.

remarkable-freebies-and-tools-38

 

iOS7 Calendar PSD

A timely calendar PSD.

remarkable-freebies-and-tools-39

 

Organic

A free website template.

remarkable-freebies-and-tools-40

 

Flat Map Icons

A great free resource with map icons.

remarkable-freebies-and-tools-41

 

Thin round Icons

Flat icons inspired by iOS7.

remarkable-freebies-and-tools-42

 

Lintel

A great font for blogs and apps.

remarkable-freebies-and-tools-43

 

Slimerjs

An open source scriptable browser for web developers.

remarkable-freebies-and-tools-44

 

CSS flip effect

Create responsive lists with a flip effect.

remarkable-freebies-and-tools-45

 

Textures

Awesome resource for textures.

remarkable-freebies-and-tools-46

 

Login script

A simple, clean and secure PHP & MySQL login script.

remarkable-freebies-and-tools-47

 

Simple Toggle Switch

A simple toggle switch in CSS.

remarkable-freebies-and-tools-48

 

Validation, Styling & Semantics

An awesome tool for designing forms.

remarkable-freebies-and-tools-49

 

AnimateScroll

A simple jQuery plugin for animating scrolling.

remarkable-freebies-and-tools-50

 

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

Share this post
Comments (no login required)
  • HemanthMalli

    Whoa ! truly a great resource of free tools .very beneficial share !! Thanks a ton !!

  • http://www.creativebeacon.com/ James George

    This is a great selection of tools! I love the circular navigation from codrops and I will definitely be checking it out. Also, braxton is a beautiful free font. Great job displaying these resources. Also, I have a few resources of my own that I have created. how would I get them featured in a post like this?

  • http://www.GervaisGroup.com/ Jason

    Great designs! Thanks for sharing this!

  • Stéphanie Walter

    Haha while browsing I saw the last one and said “hoo cool they featured my responsive menu” (http://tympanus.net/Tutorials/ResponsiveRetinaReadyMenu/) Hoo, actually not :D

    • lukkea

      D’oh – 404. Really wanted to see your version!

    • http://www.compzets.com/ Ram swaroop

      Sorry for that but you have done a great job, keep it up!

    • Ninja

      Don’t you just hate it when you write identical code to something you’ve never seen before?
      I can’t imagine how it feels to have ended up with identical design, too.

  • Murad Swaleh

    Great resources indeed.

  • http://www.impactintegration.com/ Aiden Ruse

    That’s a great collection of useful icons. I will definitely give a try. It seems it will help me to improve my website usability as well as make it attractive. Thanks for sharing awesome collection.

  • http://www.compzets.com/ Ram swaroop

    Excited to see my work listed here, but its the last one :p

  • John Kirkpatrick

    Great collection, thanks

  • Alexwhin

    Awesome resources. You should check out http://getaninsight.com/ (It’s free)

  • Kristy

    I love the tools! I can’t wait to use all of them for my design template. Thanks Juan! You are indeed a genius.

    Regards,
    Kristy of http://www.orenjtechnology.com

  • http://www.globalwebforce.com/ Forrestwill

    thanks for the great list of web designer tools. It is a really big help not only for the beginners but also for the experienced one too

  • Heather Sakai

    Great tools! Thank you for sharing! Heather of Go Media https://www.facebook.com/gomedia

  • Korab Hoxha

    Google map styler http://www.mapstylr.com

  • Michael

    Some really fantastic resources here. Save me lots of time having a few of these in one place – thank you