Ultimate Free Toolkit for Internet Web Ninjas

500+ Free Tools for Web Designers, Web Developers and SEO Professionals

At Design Junction, we love our free tools for web designers web developers, mobile websites and for internet marketing (SEO) professionals.

We have compiled a comprehensive list of the best completely free tools for the web industry. We have categorised these free tools into their primary role web design, web development, mobile and SEO.

Please use the filters below to view the tools for each individual sub-category e.g. jQuery, HTML5 etc.

W3C Validator

1. W3C Validator

General, Photoshop

Check the validity of Web documents.


Evernote

2. Evernote

HTML5

The Evernote family of products help you remember and act upon ideas, projects and experiences across all the computers, phones and tablets you use.


Designmodo

3. Designmodo

CSS3, CSS, General

Designmodo - Web Design and Development Magazine.


My Styles

4. My Styles

CSS3

My Style is a Google Chrome extension that allows you to insert custom CSS into pages, immediately see the visual results, and have that CSS persist for future visits.


Foundation

5. Foundation

CSS3, jQuery, HTML5

The most advanced responsive front-end framework in the world.


Webflow

6. Webflow

CSS3

Design responsive websites visually. This will save you from coding responsive websites via the code editor.


Lorem Pixel

7. Lorem Pixel

Photoshop

Placeholder Images for every case. Webdesign or Print. Just put a custom url in your html and you receive a proper placeholder picture.


Color Contrast Ratio Calculator

8. Color Contrast Ratio Calculator

CSS

Easily calculate color contrast ratios.


CSS beautifier

9. CSS beautifier

CSS3, CSS

Beautifies your CSS automatically so that it is consistent and easy to read.


Blokkfont

10. Blokkfont

CSS3

BLOKK is a font for quick mock-ups and wireframing for clients who do not understand latin.


GuideGuide

11. GuideGuide

Photoshop

A columns, rows, and midpoints panel for Photoshop


Pictaculous

12. Pictaculous

Photoshop

Generate a color palette from PNG, JPG or GIF image/photo. Receive color suggestions, download Photoshop swatches (.ACO)


Adobe Kuler

13. Adobe Kuler

Photoshop

Create color schemes with the color wheel or browse thousands of color combinations from the Kuler community.


Dribbble.com

14. Dribbble.com

General

Dribbble is a community of designers sharing screenshots of their work, process, and projects.


Hues ($2.99)

15. Hues ($2.99)

Photoshop

Easiest way to grab and convert colors.


Google Webfonts

16. Google Webfonts

CSS3, CSS

Hundreds of free, open-source fonts optimised for the web.


Font Squirrel

17. Font Squirrel

CSS

Font Squirrel scours the internet in search of FREE, highest-quality, designer-friendly, commercial-use fonts and presents them for easy downloading.


Lost Type (from $1)

18. Lost Type (from $1)

CSS3, CSS

The Lost Type was founded with the intention of providing unique and quality fonts based on a pay-what-you-want model.


Typecast (from $29 per month)

19. Typecast (from $29 per month)

CSS3, CSS

A browser-based app for creating beautiful, realistic and consistent designs based on typography. Free Trial Available.


moqups

20. moqups

Wireframing, HTML5

Moqups is a nifty HTML5 App used to create wireframes, mockups or UI concepts, prototypes depending on how you like to call them.


Mockflow

21. Mockflow

Wireframing

MockFlow Design Cloud provides design tools and collaboration services for designers.


Google Drawing

22. Google Drawing

CSS3, CSS, General, Wireframing

Chrome Extension. Create shapes and diagrams. With Google drawings you can easily create, share, and edit drawings online.


Photoshop/Indesign/Fireworks (from $49.99 per month)

23. Photoshop/Indesign/Fireworks (from $49.99 per month)

CSS3, Photoshop, CSS, General, Wireframing

Free Membership Available. Paid Subscriptions start at $9.99 per month upwards. Get access to the entire collection of Adobe Creative Cloud tools.


iOS Photoshop Actions & Workflows

24. iOS Photoshop Actions & Workflows

CSS3, Photoshop, CSS, General, Wireframing

Set of Photoshop Actions that save a bit of time, but more importantly, they remove the need to remember best practices for each step.


By People

25. By People

CSS

A huge free bundle for web professionals, 500mb of free files in one single download.


LittleIpsum

26. LittleIpsum

CSS3

LittleIpsum is the fastest Latin Text Generator for OS X.


awesome-fontstacks.com

27. awesome-fontstacks.com

CSS

Easily create bundles of beautifully matching, free web fonts, failsafe font stacks to back them up. Including ready-to-go CSS code!


Typetester

28. Typetester

CSS3

The Typetester is an online application for comparison of the fonts for the screen.


Em Calculator

29. Em Calculator

CSS3, Photoshop, CSS, General, Wireframing

Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.


Icon Finder

30. Icon Finder

General

Search through more than 320.000 free and premium icons in an easy and efficient way.


WhatTheFont

31. WhatTheFont

CSS3, Photoshop, CSS, General, Wireframing

Submit an image to WhatTheFont to find the closest matches in their database. Or, let cloak-draped font enthusiasts lend a hand in the WhatTheFont Forum.


MeasureIt

32. MeasureIt

CSS3, Photoshop, CSS, General, Wireframing

Firefox Extension. Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.


ColorZilla

33. ColorZilla

CSS3, Photoshop, CSS, General, Wireframing

Firefox Extension. Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies


Font Burner

34. Font Burner

CSS3

Font Burner is the easiest way to add great fonts to your website.


Niice

35. Niice

General

Niice.co is a search engine for designers.


Pixel Dropr

36. Pixel Dropr

Photoshop

Pixel Dropr is a Photoshop plugin that allows designers to collect icons, illustrations, photos, buttons and other elements.


Designer News

37. Designer News

General

News for designers.


Firefox's Font Inspector

38. Firefox's Font Inspector

CSS3, Photoshop, CSS, General, Wireframing

Firefox Extension. A Font Inspector is now available in the Firefox DevTools.


Cloud Comp

39. Cloud Comp

General

Provide designers a way to present comps to their clients inside of a realistic device shell.


Sidebar.io

40. Sidebar.io

General

Sidebar provides the 5 best design links, every day


Intuitive Color Picker

41. Intuitive Color Picker

CSS

Color picker for data driven design


HEX to RGB Converter

42. HEX to RGB Converter

CSS

A simple HEX to RGB converter.


Alfred Workflows

43. Alfred Workflows

CSS3, Photoshop, CSS, General, Wireframing

Amazing workflows ranging from simple actions to mindblowingly clever use of scripts and web services.


PLTTS

44. PLTTS

Photoshop

Search for colour palettes from ColourLovers. It's easy to search for a palette with any specific colour.


Patternizer

45. Patternizer

CSS3, Photoshop

Patternizer is an easy to use stripe pattern generator. It's lots of fun and free!


Basecamp

46. Basecamp

General

Basecamp is the leading web-based project management and collaboration tool. To-dos, files, messages, schedules, and milestones.


Sprite Box

47. Sprite Box

CSS

Spritebox is a WYSIWYG tool to help web designers quickly and easily create CSS classes and IDs from a single sprite image.


XRAY

48. XRAY

General

XRAY is a bookmarklet for Internet Explorer 6+, and Webkit and Mozilla based browsers (including Safari, Firefox, Camino or Mozilla). Use it to see the box model for any element on any web page.


Deviantart

49. Deviantart

General

Community of artists and those devoted to art. Digital art, skin art, themes, wallpaper art, traditional art, photography, poetry / prose. Art prints.


Web design library

50. Web design library

General

A brilliant inspiring resource that will become a treasure resource for your creative inspiration, proposing you new ideas and images.


Stylevault

51. Stylevault

General

Showcase to show off talents for designer.


Behance

52. Behance

General

Showcase and discover creative work on the world's leading online platform for creative industries.


The design inspiration

53. The design inspiration

General

The Design Inspiration: Daily Logo Designs, Illustration Art, Website Showcase, Business Cards, Photos and Patterns


Colour lovers

54. Colour lovers

Photoshop

COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles... All in the spirit of love.


Color hunter

55. Color hunter

Photoshop

create and find color palettes made from images


Colorotate

56. Colorotate

Photoshop

Take control of colors with the intuitive 3D color scope.


Stripemania

57. Stripemania

Photoshop

Seamless striped background image generator.


Fontstruct

58. Fontstruct

CSS

Build, Share, Download Fonts


Dafont

59. Dafont

CSS

Archive of freely downloadable fonts. Browse by alphabetical listing, by style, by author or by popularity.


Lorem Ipsum

60. Lorem Ipsum

General

Dummy Text


Typeface.js

61. Typeface.js

JavaScript

With typeface.js you can embed custom fonts in your web pages so you don't have to render text to images.


Zend Studio

62. Zend Studio

General

Design Web and Mobile Apps Faster With Zend Studio.


Refelction.js

63. Refelction.js

Photoshop, JavaScript

Reflection.js allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean.


Lightbox 2

64. Lightbox 2

Photoshop, JavaScript

Lightbox is small javascript library used to overlay images on top of the current page. It's a snap to setup and works on all modern browsers.


Animate.css

65. Animate.css

CSS3, HTML5

animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects.


VideoSWS

66. VideoSWS

HTML5

HTML5 Video Player Comparison


Layer Styles

67. Layer Styles

CSS

open source CSS builder for shadows, backgrounds, and borders


HTML-Ipsum

68. HTML-Ipsum

HTML

Dummy Text for html


NounProject

69. NounProject

Photoshop

Download your favourite icons without worrying about attribution in world's visual language..


CopyPasteCharacter.com

70. CopyPasteCharacter.com

Photoshop, HTML

HTML entities copying & pasting site.


Bounce

71. Bounce

General

A fun and easy way to share ideas on a website.


CeeVee

72. CeeVee

General

So at CeeVee all you have to do is mention the positions you`re interested in. No CV or job description is required.


Wordmark

73. Wordmark

CSS

Wordmark.it helps you choose fonts by previewing a word of your choice with the fonts installed on your computer.


0to255

74. 0to255

Photoshop

0to255 is a simple tool that helps web designers find variations of any color.


Frame Box - Lightweight online tool for creating mockups

75. Frame Box - Lightweight online tool for creating mockups

Wireframing

Lightweight online tool for creating and sharing mockups (wireframes). Easy, fast and free in use.


Smush.It

76. Smush.It

General

Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files.


Wridea.com

77. Wridea.com

General

Wridea is a web service first to avoid ideas being forgotten, then to organize and improve those ideas by giving you the opportunity to share your ideas with friends and necessary tools to improve your ideas by yourself and individually.


Clue

78. Clue

General

A fun and easy way to test what people remember on your website.


Thoughtboxes

79. Thoughtboxes

General

Thoughtboxes makes it easy to get organized, complete tasks, and collaborate.


TinEye Reverse Image Search

80. TinEye Reverse Image Search

General

TinEye is a reverse image search engine. Give it an image and it will tell you where the image appears on the web."


Create Free Privacy Policy

81. Create Free Privacy Policy

General

With GeneratePrivacyPolicy.com you may create professional privacy policies with our user friendly tools. Privacy policy agreements are tailored specifically for your website, your business and your requirements.


W3C Feed Validation Service

82. W3C Feed Validation Service

General, CSS, Photoshop, Analytics

Validate RSS feeds


Geo Sitemap Generator

83. Geo Sitemap Generator

CSS3, CSS, General, Analytics

Generate HTML markup by filling out form with company info and generate a KML file to submit to Google and Bing if you have multiple locations.


Go to Top
comments powered by Disqus

Recent Projects View our portfolio »


Request a Quote

Contact our web site design studio in Melbourne to receive a Free consultation for your web design, web development , and internet marketing requirements.

Contact us