670+ Graphic Design & Web Development: Resources, Jobs, Courses for Web Professionals You Cannot Miss in 2021

 • 35 min read

To all lovers of long scrolls and awesome online web design resources, freebies alert!

Here’s a long list of awesome web design tools for you.

In this hand-picked selection, you will find only the tools that web design experts use and love.

Do not hesitate to bookmark this page and use it as a go-to resource.

Come back to it when you need help with your design projects. Also, make sure you mark the apps you like the most and add them to your toolkit immediately.

In 2021, no one can afford ignoring technology. Especially when it’s free, like the resources we are offering you in this article.

You can be sure that your competitors are already using these tools, and your potential audience is expecting to see similar functionalities on your website.

We know that every web professional needs a set of awesome tools to get the job done right. We’ve made for you an ultimate list of the latest and most powerful tools and resources that are all free!

In case you find one that will want to get your money, drop the link in the comments we’ll delete it from the roundup.

Article reviewed by

Christiaan Huynen, CEO at DesignBro photo
Christiaan Huynen, CEO at DesignBro
Graphic design and web development require resources to educate companies about their services. As an expert in graphic design, I have collaborated with several web development teams to jot down detailed resources. It has helped my agency avail several printing projects across the country.

Yes, you would need to add some resources as they are the most efficient way to interact with multinational companies. It will enable your pitch to stand out and engage influential leaders into understanding and possibly liking your graphic designing and web development services.

Most companies do not like to invest or hire agencies that avoid going into details. Including information about stock images, required tools, vectors and the most updated software use will make it easier for interested organizations to reach out. Furthermore, resources are meant to be detailed and constructed with every possible service information. It is their purpose to enlighten and invigorate interest. While some companies might not be moved by the time and effort as digitization is now a big part of the modern market, there is still enough scope in the market for graphic design and web development resources.

Goodies for Web & Graphic Designers

Color pickers

Color diverse.

  1. Material Palette – Material design examples.
  2. Material UI – Color palette creator in Material style.
  3. 147 Colors – A comprehensive pallette of 17 basic colors and 130 CSS color names.
  4. ColorFavs – Generate color palettes from images, URLs or randomly.
  5. Flat UI Color Picker – Best colors for flat interfaces.
  6. Flat UI Colors – Nice flat style colors with a possibility to choose color format.
  7. Coolors – Fast color schemes generator for designers.
  8. Bootflat – Flat UI color picker which gives you the perfect colors for flat designs.
  9. Skalacolor – An extraordinary color picker for designers and developers.
  10. Couleurs – A simple app for grabbing and tweaking the colors you see on your screen.
  11. Colorful Gradients – Gradients automatically created by a computer.
  12. Adaptive Backgrounds – A jQuery plugin for extracting dominant colors from images and applying it to its parent.
  13. Brand Colors – Official color codes for the world’s biggest brands.
  14. Paletton – Create an eye-candy color scheme.
  15. 0to255 – A simple tool that helps web designers find variations of any color.
  16. COLOURlovers – A creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles.
  17. Adobe Color – Color combinations from Kuler community.
  18. Colorrrs – Hex to RGB converter.
  19. UI Colors – Search for colors that fit your interface.
  20. Colllor – Color palette generator that helps you create consistent palettes just in a few clicks. It offers multiple variations to each color and allows using color names in English or Hex versions.
  21. Palette for Chrome – Create a color palette out of any image.
  22. Coffee Cup – A color palette Manager for front-end designers and webmasters who want to make mobile-friendly sites and newsletters.
  23. Gradients.io – Gradients are always trendy. You can have your gradients made by the program with a HEX code for each of them.
  24. HueSnap – Take a photo and use this application to snap a color palette from it automatically. After you create a palette,change it, add complementary colors, and extract the results.
  25. Colordot – This app for creating palettes is very simple and user-friendly. When you want to change the hue – move the mouse back and front. If you go up and down with the mouse – you will adjust the lighting. Also, use the scroll to tweak the saturation.
  26. Khroma – With this resource, you will be able to search, explore, and save separate colors and color combinations for your next web design. The app uses artificial intelligence. First, you choose from among 50 colors to train the AI, then it gives you color combinations that will take your breath away. All the hues that might annoy you will be sifted away automatically. You can also use a library of color combinations, types, swatches, gradients, and what not.
  27. Eggradients – This is a gradient color palette containing +200 gradient background color. As you have probably guessed from the app name, each color is displayed in an egg-shaped module.
  28. Design Wizard– This is an excellent graphic design tool which allows you to personalize high-quality image and video in seconds.
  29. HTML Color Picker – a complex color defining tool from w3schools that have not only, actually, a picker but also a huge number of additional tools like a color mixer, shades, converter or gradient.
  30. Imagecolorpicker – an app where you can download your picture and then define the hex code of every pixel’s color.
  31. Color Codes – another set of color defining tools that contains a picker, chart and color names, as well as different tutorials.
  32. Hex Color Picker – a simple color defining app from WebFX.
  33. Color Picker Tool – this app was created by Mozilla team and it allows not only to pick but also compare and mix colors
  34. ATOM Color Picker – if you have an ATOM text editor for code writing, this app will allow you to pick the right color just in the coding work field.
  35. Google Color Picker – the team of developers created an easy-to-use toolset for other developers which contains several different color defining apps.
  36. Just Color Picker – a free offline app that you could download and install to your computer. It will allow you to pick colors even without internet connection.
  37. PineTools Image Color Picker – this nice app allows you not only pick the color of the pixel from the photo, but it also allows you to do some actions with that image, like inverting the colors or changing brightness.
  38. Image Color – Image color picker and palette generator
  39. Combinecolors – Mix colors online


Big collection icons for diversifying your project.

  1. freepik – completely free icons for personal and commercial use.
  2. Uxwing – Free Icons for commercial use
  3. freeicons – another source of free icon sets, gathered according to a certain theme.
  4. Iconstore – on this website you will find lots of icon sets that could be downloaded 100% for free
  5. TheNounProject – this resource provides icons for any purpose, both free and paid ones.
  6. Iconshock – here you will find not only free icon sets but also premium designs and different bundles.
  7. Free Vectors Download Search Engine – free vectors for commercial use in one place.
  8. Iconninja – You definitely need one more search engine for icons. It supports SVGs and PNGs. There are also detailed descriptions for every icon.
  9. Webalys – 4000 icons that follow the official Google Material Design guidelines. Perfect to use with Android, websites and desktop apps.
  10. Google Material Design Icons – 750 glyphs from Google Material Design pack. Equally useful when building for the web, Android or iOS.
  11. Fontello – Icon fonts generator.
  12. Flat Icon – The largest database of free vector icons.
  13. The Noun Project – 150 000 icons for everything.
  14. Perfect Icons – The easiest way to create resolution independent social icons.
  15. Iconfinder – More than 100 000 icons in one place.
  16. Yummygum – 60 free vector Photoshop icons perfectly suitable for iPhone & iPad apps or your new web project.
  17. App Icon Template – A free Photoshop resource for making icons. Edit a single object and it’ll automatically render out all the various sizes required on iOS & Android.
  18. Ego Icons – New vector icons designed with a radical angular style.
  19. To Icon – Free icons that represent actions.
  20. Icons8 – Choose an icon and drag it to the editor window – that’s how easy you create icons with this application. The collection is huge, it supports various formats, and works for Windows, Android, IOS.
  21. Vector.me – There’s a collection of free photos, fonts, vector backgrounds, and icons.
  22. Vector4free – This is a rather small collection of 1500 icons. We love them for their high quality and detailed descriptions. You can use the icons freely for your personal projects.

Fonts Typography

Different font size and style for all kind of presentations.

  1. Urbanfonts – either you can afford premium font or would like to get a free one – this website will help you.
  2. FontFabric – big, modern and clear website which offers different types of fonts and some of them even for free.
  3. Free Typography – a nice website where designers share their fonts for free, a great platform for a beginner developer.
  4. Befonts – here you will find great free fonts for either commercial or personal use.
  5. Freebiesbug – it is obvious from the title, this website offers you different free fonts and typefaces.
  6. GraphicPear – this website gathers not only fonts but also different useful stuff for designers, like mockups, icons, and infographics.
  7. Type Genius – Find the perfect font combo for your next project.
  8. Type Wolf – A great resource available for everything related to typography on the web.
  9. Font Space – A huge categorized library of fonts that are fit for every occasion. There are 35k+ items with detailed labels. Note that you are getting fonts made by over 200 professional designers. Make sure you use them for your personal projects only.
  10. Font Squirrel – 100% free fonts for commercial use.
  11. Fontface Ninja – Browser extension for displaying fonts used by web site.
  12. Google Fonts – Free fonts optimized for websites.
  13. BeautifulWebType.com – A showcase of the best typefaces from the Google web fonts directory.
  14. Dafont – A collection of free fonts.
  15. 1001 Free Fonts – One of the largest font collections online.
  16. Fontpark – A vast archive of free fonts.
  17. Fontasy – An archive with a nice user experience and 1000+ free fonts. You can use them for commercial projects after you get in touch with the authors and obtain permissions.
  18. Font-To-Width – A script by Nick Sherman and Chris Lewis that takes advantage of large type families to fit pieces of text snugly within their containers.
  19. Edge Web Fonts – The free, easy way to get started with web fonts.
  20. Abstract fonts – A nice archive with a clean user friendly interface, 14k fonts, and a cute preview option.
  21. Typekit – A limited collection of fonts for websites and apps.
  22. Font Freak – Here you have 9000 free fonts and 125 k commercial ones. The items come in two versions – for Windows and Mac. More than 400 designers are adding fonts on a daily basis.

Logos Branding

Minimalist style and modern attribute will make your business style id perfect.

  1. Turbologo – when you enter the website you are asked to define the name of the company, choose the industry and colors. The system will then generate you a few logos – you can just choose one and use it.
  2. DesignHill Logo Maker – this website has several useful tools and a logo maker is just one of them. You can create your logo online here or allow the app to do it for you.
  3. BrandCrowd Logo Creator – first of all, you can get some inspiration here, the first thing you will see there will be different logo variants. And then you will be able to create something by yourself.
  4. Hatchful – this website is powered by Shopify and affords you a set of tools for logo creation, as well as aspirational examples.
  5. Placeit – there’s not only a logo maker on this website, but it can also offer you lots of other useful tools.
  6. Hipster Logo – Hipster logo generator.
  7. Square Space – Logos made simple.
  8. Designimo – If your project already has a name, it will get an amazing logo with this free service. Just enter the name and pick a design choose from the options offered. If you want to go high-resolution, you’ll have to pay. Otherwise, the tool it’s free.
  9. Tailor – Logo design made simple. Instant custom-made logos. Try it for Free
  10. Logaster – Download low-rez logo for free and high-rez logo from $9.99.
  11. Logomakr – The resource has a free low-resolution version with a huge archive of icons and fonts to use on a logo. You will pay only if you want to get professional help with your logo.
  12. Free Logo Design – Here you can create a low-resolution free logo that is still big enough to be used for different purposes. There are nice free logo templates to help you out.


Special photo blocks for portfolio or something like this.

  1. Fyuse – Fyuse 3.0 – An app for creating 3D photos. Very simple. Works both with Android, and iOS.
  2. Negative Space – CCo licensed photos available for free use. The archive is huge, and it is growing every week. There’s a smart filter to help you navigate.
  3. Stock Up – Searching 10,332 free stock photos across 26 websites.
  4. LibreShot – Welcome the collection the belongs to Martin Vorel. It features impressive architecture and florals. If you need unique free photos, this resource is for you.
  5. All the Free Stock – Get all the Free Stock Images, Videos, Music and Icons in one location.
  6. Unsplash – Free high-resolution photos. 10 new photos every 10 days.
  7. Splash Base – Search & discover free, hi res photos & videos.
  8. Startup Stock Photos – Free photos for startups, bloggers, publishers, websites, designers, developers, creators, & everyone else.
  9. Jay Mantri – Free pics. Do anything (CC0). Make magic.
  10. Pexels 2.0 – The best free stock photos in one place.
  11. Moveast – Free photos from a Portuguese guy journey.
  12. Travel Coffee Book – Beautiful travel moments. All photos are listed under cc0.
  13. Designers Pics – Free Hi-Res photos for your personal & commercial use.
  14. Death to the Stock Photo – Stock photography website run by two rogue photographers.
  15. Fancy Crave – This collection of free stock photos gets updated every day. All the authors are asking is never display the photos as your own.
  16. Foodies Feed – Free food pictures.
  17. Mazwai – Free photos and videos.
  18. Jeshoots – Stylish modern photos.
  19. Videvo – Free HD stock footage & motion graphics for any project.
  20. Super Famous – Photos by Folkert Gorter, a designer from Holland.
  21. Picography – Free hi-resolution photos. Use them however you like.
  22. Freepik – Freepik helps you to find free vector art, illustrations, icons, PSD and photos for using in websites, banners, presentations, magazines.
  23. Magdeleine – A free hi-resolution photo every day.
  24. Snapographic – Free stock photos for personal and commercial use.
  25. Little Visuals – Sign up to get 7 hi-res images zipped up in your inbox. Use them anyway you want.
  26. Splitshire – Download high quality free stock photos without copyright, do whatever you want. Updates everyday.
  27. New Old Stock – Vintage photos from the public archives.
  28. Picjumbo – Totally free photos for your commercial and personal works.
  29. Life of Pix – Free high-resolution photos, no copyrights restrictions. New photos added weekly.
  30. Gratisography – Free high-resolution pictures you can use on your personal and commercial projects.
  31. Getrefe – Free abstract, business, foodstuff, home, lifestyle, nature, outdoor, transport and travel photos.
  32. Cupcake – All photos here are licensed under the CC0, which means that you can copy, modify, distribute and perform the work, even for commercial purposes, without asking for permission.
  33. Public Domain Archive – New 100% free stock photos. Every single week. Everything you need for your creative projects, all public domain images.
  34. ISO Republic – High-quality, free photos for creatives.
  35. Stokpic – Free stock photos for commercial use.
  36. Kaboompics – Great place to get breathtaking free pictures for business or personal projects / License.
  37. Function – Free packs of photos.
  38. MMT – Free photos for commercial use by Jeffrey Betts. CC0 license.
  39. Pjrvs – Free high-resolution photos.
  40. Raumrot – Stunning lifestyle imagery for modern creatives.
  41. Bucketlistly Photos – A free creative common collection of travel photos anyone can use.
  42. Free Digital Photos – Download free and premium stock photos and illustrations for websites, advertising materials, newspapers, magazines, ebooks, book covers and pages, music artwork, software applications and much more.
  43. MorgueFile – Free photo archive by creatives for creatives.
  44. Public Domain Pictures – A bunch of public domain pictures.
  45. Stock Vault – The website that loves to share photos.
  46. Image Free – Get an image for free.
  47. Dreams Time – Free images portfolio.
  48. Free Images – 387 857 free photos and illustrations.
  49. Free Range Stock – Good photos. Totally free.
  50. Free Photos Bank – Free stock photos bank.
  51. Stock Snap – Hundreds of high resolution images added weekly.
  52. Free Nature Stock – Royalty-free nature stock photos. Updated daily.


Here are different diagrams and other elements for improving presentation.

  1. SVGito – the .svg files commonly are manually optimized before using somewhere. This app does everything automatically in one click, making your life sufficiently easier.
  2. Squoosh – original images are often too big to place them on the website. To compress them and don’t lose the quality use of this online app.
  3. Anime – want to add some animation effects to your design? This online service will help you.
  4. LinkSplit – to understand what website design will work better developers use A/B testing and this app will help you with that by splitting the traffic to both variants.
  5. URL to PDF – this simple tool allows you to convert an HTML file to PDF.
  6. Bonsai – Explore freelance rates.
  7. CoDrops – Looking for hints about how to do things? This tutorial resource is for you. The resource features the best designs of the week and many professional blueprints.
  8. Unames – A simple tool to generate names for use in designs and mockups.
  9. Uifaces – Find sample avatars for UI mockups.
  10. Window Resizer – View your website on the screens with different resolutions.
  11. Sonics – Sonics is a library of 175 UI sounds and sound effects.
  12. Design Pickle – Unlimited graphic design help. Unlimited requests & revisions. One price every month.
  13. Nicely done – Here you will find lots of inspiration for digital projects, websites, and apps. If you’re keen on digital aesthetics, visit this website to spend an amazing time scrolling through the resource.
  14. From Up North – A mobile magazine that will keep you aware of the latest trends and give you inspiration. It’s where you should go to when looking for a crazy and trendy design concept.

Coding Web Development

Tools for coding and programming.

  1. PE Recent Posts – A plugin created by PixelEmu allowing you to display image slides with their title, description and even the ‘Read More’ clickable link ­ relating to a post from a selected category.
  2. Boilerplates – You will build fast, robust, and adaptable web apps or sites. Hundreds of developers will lend you their expertise and help boost the productivity of your web design projects.
  3. Autoptimize – Compresses your theme and template files automatically, concatenating each script and style and compressing all the JS,CSS and HTML options in a revolutionary way.
  4. Mongo DB – A popular JSON-oriented data storage. Allows working with big data like it’s a piece of cake.
  5. W3C Validation – An online validator that works with HTML, XHTML, SMIL, MathML, etc. If you need a correct HTML5 code, this free resource will benefit you.
  6. Ultimate Member – The easiest way to create powerful online communities and beautiful user profiles with WordPress.
  7. Lettering JS – Need new ways to display copy? Impress your website viewers with jaw-dropping textual design by using this resource.
  8. Literally Canvas – Why not create awesome drawings on this resource and then export them to your site? A wonderful free opportunity to make HTML5 canvas.
  9. PE Easy Slider – The simple plugin that allows you to display image slides with title linked to posts from selected category.
  10. MySQL Community – A free version of MySQL. Can be used with all the most popular coding languages.
  11. Query UI Framework – A huge collection of components to choose from. Some of them are grouped into nice packages. Use this resource for accordion menus, auto-complete, and other important features.
  12. Swifty Bar – Adds sticky bar at the bottom of post that shows category,post title, author, time needed to read article, share buttons and previous/next post links.
  13. HTML5 Please – Here you will find a bunch of HTML5, CSS3 features with information about how to use them.
  14. Tesla Login Customizer – Customize your WordPress login/register/forgot password page with ease.
  15. HTML to WordPress – Simple HTML to WordPress conversion tool.
  16. Layers CSS – A CSS framework aimed for practical use cases. Comes with a small footprint and zero bullshit.
  17. CodeCode Ninja – CodeCode Ninja is like an overdrive mode for your learning, the Nitro boost you’ve always wanted.
  18. HTML Minifier – You definitely need your website to work faster. Use this free tool and don’t forget to set the parameters by which your web page gets minified.
  19. Responsifyjs.space – A jQuery plugin that makes images truly responsive, without sacrificing anyone’s face.
  20. Onion – The invention platform for the Internet of things. It works with Wi-Fi and supports Python, Node.JS, and other popular languages.
  21. Bulma – Here is an open source CSS framework based on Flexbox and used by more than 100,000 developers. It contains useful video tutorials that will help you get the elements you need.
  22. Propeller – This resource combines Bootstrap and Google material design. The tool comes in various forms. Choose one, download it, and you’re ready to go.
  23. Avalanche – Superclean, powerful, responsive, Sass-based, BEM-syntax CSS grid system.
  24. Material Design CSS – An awesome front-end framework released by Google. Watch the demo and do not hesitate to add the design to your web project.
  25. Gridlex – Based on Flexbox, Gridlex is a very simple CSS grid system to quickly create modern layouts and submodules.
  26. DoneDone – The simple, effective issue tracker.
  27. Jump – A small, modern, dependency-free smooth scrolling library by callmecavs.
  28. Github – Powerful collaboration, code review, and code management for open source and private projects. Public projects are always free.
  29. Semantic UI – If your design needs cleaner elements and more awesome transitional effects – this resource will be a life-saver.
  30. Epic Spinners – These effects will take your breath away and you will find it hard to believe that they are made with CSS only. All spinners come with a source code ready for use.
  31. Bitbucket – Code, manage, collaborate. Bitbucket is the Git solution for professional teams.
  32. Chisel App – Chisel fossil SCM hosting.
  33. Swiftype – Take control of your site search.
  34. Keen – Deliver fast, flexible analytics to your teams & customers. With Keen’s developer-friendly APIs, it’s easy to embed custom dashboards and reports in any app or website.
  35. Coveralls – Deliver better code.
  36. LingoHub – LingoHub bundles all your translations in one place and provides translation services for web, mobile and software projects.
  37. Codacy – Get static analysis, code coverage, duplication and complexity information on each change to automate your code reviews.
  38. Search Code – Search over 20 billion lines of code.
  39. Tinycert – Become your own PKI / certificate authority in a matter of minutes. Generate and manage SSL certificates quickly and easily without looking up complex OpenSSL commands.
  40. Start SSL – Free SSL certificates.
  41. Opbeat – Opbeat makes monitoring and debugging your production apps much faster and your code better.
  42. Cheatography – A collection of downloadable and printable free cheat sheets.
  43. Pingdom – Pingdom’s Starter Plan makes it easy for you to monitor the uptime and performance of your website or web application.
  44. Rollbar – Put errors in their place. Full-stack error tracking for all apps in any language.
  45. Loggly – Loggly automatically summarizes your logs so you can jump to what matters.
  46. IdiotInside Cheatsheet Article – The name of the resource speaks for itself. Here’s a large collection of coding language sheets, WP sheet, and, of course, cheat sheets.
  47. Animate.css – Here you can watch every animation in an instant play and choose the most awesome ones for your website.
  48. Visual Studio Code – An IDE that is compatible with Windows, Linux, and Mac. It is epic, free, and interprets popular coding languages flawlessly.
  49. Devport – Turn your apps, websites, and GitHub repos into a developer portfolio.
  50. Getting Real – The smarter, faster, easier way to build a successful web application.
  51. Free Code Camp – This resource will teach you work with complex technologies, such as Databases, NodeJS, React, etc.
  52. User Testing – Get a peek into the mind of your users. See and hear a 5-minute video of a real person using your site or app. It’s super fast and totally free.
  53. Creator Ionic – Create your best Ionic applications.
  54. Hover.css – You’ve never seen such a big collection of hover effects. You can use all of them on the buttons of your website. The homepage of the resource features a jaw-dropping showcase.
  55. Devfreecasts – A huge collection of free screencasts for developers.
  56. Codyhouse – A free library of HTML, CSS, JS nuggets.
  57. Code Academy – Here you can learn to code with HTML & CSS online for free.
  58. Web4college – A list of 300 CSS properties to index and explore. Each individual property covers syntax, description, browser support, default value, live practice values, and examples.

Web Design Galleries Inspiration

Good option for galleries .

  1. Awwwards – This gallery aims to create a meeting point where web professionals from across the world can come to find inspiration; a space for debate; a place to share knowledge and experience; give and receive constructive and respectful critiques.
  2. CSS Design Awards – CSSDA is an international web design and development awards platform that honors and showcases freelance designers, studios and agencies for work that pushes the boundaries of creativity, functionality and usability.
  3. FWA – FWA is dedicated to recognizing amazing digital work. One of their focuses is to give as much exposure as they can to the most amazing creative projects.
  4. CollectUI – This platform employs Dribble shots to inspire UI creators. If you want to use any of the elements, make sure you contact their authors on Dribble.
  5. Webdesign Inspiration – A great inspiration gallery. They find the best web designs all over the world and help web designers get inspired.
  6. SiteInspire – A showcase of the finest web and interactive design.
  7. The Best Designs – Features the best of web design. You can filter by style or search designs by color, industry or genre on site.
  8. Mobbin – Did you think we forgot about mobile design? No we didn’t. Here’s where you will get inspired by 130 applications for IOs and over 6000 patterns.
  9. One Page Love – This is the ultimate showcase of One Page websites.
  10. Styleboost – An interesting web design gallery with nearly 1,500 sites. Each daily highlight is accompanied by a short editorial, explaining the strong points of design and designer. The gallery is no longer updated, but it is still a useful inspirational resource.
  11. Pattern Tap – Pattern Tap is all about collecting specific designs and user interaction patterns where designers can learn what works well and why.
  12. Web Creme – A showcase of inspiring web designs and current trends. They search the web for the best and most creatively designed websites and present them in their gallery.
  13. Creative Bloq – With the variety of articles and resources about illustrations, UI, and web design that are available on this platform, you will forget about creative block forever.
  14. Mockplus Blog – The blog is run by the creators of the Mockplus tool. It ideals with prototyping and UI/UX design.
  15. Unmatched Style – Unmatched Style is not just another CSS design gallery. They want to foster constructive design criticism as well as provide inspiration to their readers.
  16. CSSDSGN – A wide range of different websites showcased all on one website.
  17. Design Shack – Established in 2003, Design Shack showcases inspiring examples of design, alongside resources and articles that teach you how to succeed in the same way.
  18. Envato – Envato is an ecosystem of sites to help you get creative. It includes Envato Market, the leading marketplace for images, themes, project files and creative assets.
  19. Lapa – Tap into the collection that gets daily updates. This resource is for landing page designers dedicated to improving their skills.
  20. Designer News – If you want to know all the latest trends, events, and gossips in the designer community – subscribe to this media. It is very useful for UI/UX designers all over the world.
  21. BWG – 2346 Websites are online in the gallery. The CMS behind is WordPress.
  22. CSSline – A showcase gallery of excellent CSS sites from all over the world. CSSline includes many neat features like full color filtering and filtering by tags.
  23. Design Bombs – Design Bombs was originally started as a web design gallery but recently it became a place to share web design ideas, tutorials, and other helpful resources.
  24. UX Design Edge – Here you can read expert articles, find online courses, and get assistance directly from professionals.
  25. Pinterest RWD Board – A variety of boards for responsive design for your inspiration on Pinterest.
  26. Zurb – Here they collected the best responsive sites from across the interwebs, most of them built Foundation-tough.
  27. Best Web Gallery – The best examples of HTML5/CSS3 and WordPress development.
  28. jQuery Rain – This gallery includes websites which use jQuery for their interface design and interaction the best way.
  29. CSS Leak – Browse 2048 CSS websites and get inspired.
  30. CSS Garden – An inspiration repository for designers and developers to seek out trends, and see how other sites have come to a solution in both design and in the development, whether it be responsive and mobile design to advanced CSS and JavaScript.
  31. CSS Drive – One more time-tested CSS gallery and examples.
  32. UX Magazine – This is where UI designers blog and communicate. It is a powerful publishing and networking platform for every designer and aspiring design blogger.
  33. Cart Craze – Here you can view the top rated eCommerce sites and get inspired.
  34. Divine CSS – A mouthwatering websites collection.
  35. User Experience Stack Exchange – This is a Quora for web designers. You can ask questions, find answers, and get to know your colleagues in between.
  36. CSS Showcases – CSS Showcases has only one objective: to provide you with a central resource to view a wide range of eye catching and innovative web designs plus inspire you to create new and exciting web designs.
  37. CSS Loggia – A project focused on providing its audience with a database of well-designed CSS based websites from around the world. Its purpose is to showcase designers’ work and to act as a small portal to the CSS design community.
  38. Uplabs – Here you will find user interfaces, archives, open-source apps, and ready-made elements for Web, iOS & macOS, and Material Design.
  39. CSS Hamster – This clean and simple website with a cute hamster logo features the best CSS websites from all over the web.
  40. ProCSS – A fresh design gallery collecting the best designs on the web. They are constantly looking for the ‘cream of the crop’ when it comes to web design.
  41. CSSclip – CSS websites gallery with card style layout.
  42. Design Snack – This gallery doesn’t just showcase websites, they showcase the designer. They’ve taken the standard CSS/XHTML and Flash web design gallery and made it fun, providing the users with the power to create their own inspiration gallery.
  43. Land-book – If you need inspiration to create landing pages, do not miss this free resource. It will give new landing page ideas to designers, coders, marketers, and business owners.
  44. Pixel Perfect Portfolios – This site was created to showcase the best examples of Flash portfolio sites from around the web. It is no longer updated, but the site will stay online as a historical artifact. It is interesting to click through the gallery and see which sites are still using Flash and which sites have moved on.
  45. Illustratd – Find the newest inspiration in illustrative artworks of the creative nerds.
  46. Interaction Design Foundation – I’m sure you are looking for the best of the best design experts to inspire your future projects. Here’s where you find supreme UX and interaction design professionals.
  47. Type Inspire – The largest inspiration gallery of typography and text effects.
  48. CSS Mania – The worldwide leader of the CSS Showcases genre.
  49. WOW CSS – There are so many grunge, textured, cartoons, painted, even artistic, and many other styled websites here.
  50. Sitesee – A hand-picked collection of the best website designs. There are filters and categories to help you navigate.
  51. 101 Best Websites – A showcase site featuring the best CSS, Flash, xHTML and designed websites across the world.
  52. Smashing Magazine – Here you will find lots of inspiring expert articles on web design, app creation, and UX.
  53. CSS Star – A free gallery of great sites. Their main goal is to highlight best sites, ideas or designs made with respect to quality standards.
  54. CSS Genius – A website focused on providing its audience with a wide range database of well-designed CSS based & standard compliant websites from around the world.
  55. Bmaccess – A web design gallery with many websites to feast your eyes upon.
  56. Fave Design – A web showcase gallery. They review best websites from all over the world manually. Being designers and developers themselves, they recognize best websites when they see them.
  57. CSS Based – An online resource and inspiration guide for web agencies, designers and developers who take interest in websites that combine the powers of design, web standards and CSS.
  58. CSS Arena – A German web design gallery compiling websites with most interesting designs.
  59. CSS Ray – A fertile soil for your ideas to grow fast.
  60. Material Up – The best of Material Design daily.
  61. Fltdsgn – Best designs in flat style.
  62. Design Hunt – Best products, apps, and inspirations for creatives.
  63. UI Cloud – UICloud collects the best UI element designs from the internet all over the world and provides a search engine for you to find the best UI element that you need.
  64. Go Moodboard – Create a moodboard. Start with a blank one or choose one of the starter moodboards.
  65. Onepagelove – A collection of templates and simple websites.
  66. Crayon – Inspiration for marketers.
  67. Dribbble – Dribbble is show and tell for designers.
  68. Behance – The community of creative professionals from all over the world.
  69. Pttrns – Inspiration for mobile interfaces developers.
  70. Flat UI Design on Pinterest – The board is a showcase of some of the best examples of Flat Design for Mobile Apps and Web Design.
  71. The Starter Kit – Curated resources for designers and web developers.
  72. UI Parade – An online catalogue of inspiration for UI designers.
  73. Niice – One search, hundreds of sources.
  74. Visually – Marketplace for infographics and other visual content.

IT Business

Big Little Helpers

IT tools for solution different problems.

  1. HOW MUCH DOES IT COST TO CREATE AN APP? – Estimate your App right now with Fulcrum.Rocks
  2. TeamWave – An integrated suite of business applications for small & medium-sized companies. Applications include CRM, Project Management, HRIS, Invoicing, Marketing Automation, Analytics & Contact Management.
  3. Azendoo – Make your teams more productive, deliver lightning-fast, and more.
  4. Dew Drop – Send files in real-time for free. Drop a file and share it with anybody. No Logins — nothing to install.
  5. Signature Maker – A free web based tool, that helps you create your handwritten digital signature, within few seconds. It’s based on HTML5, so a modern browser (e.g Mozilla Firefox or Google Chrome) is all you need.
  6. Cast – Record, edit, publish, and host your podcast with CAST.
  7. Stands Fair AdBlocker – A nice plugin for Chrome that will block all the ads and pop-up windows for you.
  8. Adblock Plus – A free ad blocker with an anti-adblock filter.


Invoice tools.

  1. Invoice Home – An awesome resource that will help you make free invoices.
  2. Invoice to Me – Free invoice generator.
  3. Invoice Generator – An alternative free invoice generator.
  4. Slimvoice – Insanely simple invoicing.
  5. Invoice to – Free invoice generator.

Legal Docs

Legal Docs.

  1. Docracy – The web’s only open collection of legal contracts and the best way to negotiate and sign documents online.
  2. Shake – A technology platform making the law accessible, understandable and affordable for consumers and small businesses.

Managing Ideas

Managing Ideas.

  1. Trello – one of the most popular team management apps that could be used for free. The interface is very simple and it will take only about an hour to go through all the functions and start working.
  2. https://www.openproject.org – this is a project management tool that allows you to work on any type of task in cooperation with the other team members.
  3. MindMeister – online mind mapping and brainstorming app that will bring your company teamwork on a completely new level of efficiency.
  4. LucidChart – with the help of this tool, you will be able to create diagrams online and work on it at the same time the other team members do.
  5. StormBoard – a convenient and simple app for creating mind maps and managing the work of a team, with an understandable interface and lots of useful features.
  6. Javelin – Test your business idea without time and money investments.
  7. Germ – Germ lets your team capture every great idea, brainstorm, and turn them into actionable project plans.
  8. Skitch – Get your point across with fewer words using annotation, shapes and sketches, so that your ideas become reality faster.

Project/Business Name Generators

Project/Business Name Generators.

  1. The Name App – Find an available name for your brilliant idea.
  2. Naminum – Discover a perfect company name.
  3. NameMesh – And here’s a name brainstorming tool that your team will enjoy working with.
  4. Short Domain Search – This is a list of short, available single-word domain names. It’s searchable and sortable using the controls. The list is automatically updated every 10 minutes.
  5. Wordlab Business Name Generator – Create a free account and register on the forum. By doug so you will get practical help and knowledge from a very large expert community. The resource offers name options form the list of 7.2 million names.
  6. Wordoid – Wordoid is the most creative way to find a catchy name for your new venture.
  7. Hipster Business – Hipster domain name generator.
  8. Dot-O-Mator Name Generator – Sometimes, you need to go test your luck and get a random name combination for your project, This free tool will help you do just that.
  9. Impossibility – The best domain name generator.
  10. Lean Domain Search – Find a great available domain name for your website in seconds.
  11. Business Name Generator (BNG) – Here you enter the keywords and see the name options together with available domain names.
  12. Domainr – Find the perfect domain name, fast.
  13. Anadea Business Name Generator – All you need to do is enter the keywords and see the immediate suggestions for your business or web project.


Blogging Tools

Blogging Tools.

  1. ZenHub – All the ZenHub features you love. Now for Firefox users.
  2. Hemingway – Hemingway App makes your writing bold and clear.
  3. Zenpen – A minimalist writing zone, where you can block out all distractions and get to what’s important. The writing!
  4. Grammarly – Grammarly makes you a better writer by finding and correcting up to 10 times more mistakes than your word processor.
  5. Editorial Calendar – The Editorial Calendar makes it possible to see all your posts and drag and drop them to manage your blog.
  6. Story Wars – Joint story writing.
  7. Hootsuite – A great social media management dashboard that will make your blog profitable. Use it to spread your content across all major social media platforms.
  8. Headline – Emotional marketing value headline analyzer.
  9. WP Hide Post – Enables you to control the visibility of items on your blog by making posts/pages hidden on some parts of your blog, while still visible in other part.
  10. Social Locker – Helps increase social media presence by asking visitors “to pay” for your content with a tweet, plus one, or a like.
  11. Egg Timer – A simple countdown timer.
  12. My Hours – This time tracker will help you see how much time you spend writing every piece of content. Very useful for freelance bloggers.
  13. Wattpad – Whatever you’re into, it’s all free on Wattpad: the world’s largest community for readers and writers.
  14. Headline Analyzer – The free blog post headline analyzer will score your overall headline quality and rate its ability to result in social shares, increased traffic, and SEO value.
  15. UpWorthy Title Generator – Do you want your posts to go viral? Of course you do. With this title generator you will create highly clickable and shareable headlines.
  16. Hemingway Sharethrough – This is a very usable headline analyzer powered by the Hemingway app. I offers nice instant suggestions for better results.
  17. Bitcatcha Server Speed Checker – Readers will always prefer a fast-loading blog to a slower one. Use this tool to check the speed of your websites and have it compared with 10k other sites on the Internet.
  18. A5 – Just down your text there, when you will come back it will be still where you left it.
  19. SEOPressor’s Title Generator – Here you will make amazing posts titles and get inspired for creating new viral content.
  20. Summarizer – Summarize any text online in just a few seconds.
  21. Title Generator by TweakYourBiz – This is a unique tool that will offer you so many title options that it will take your breath away. Don’t use this tool is you have difficulties with making fast choices.
  22. Medium – Medium is a community of readers and writers offering unique perspectives on ideas large and small.
  23. Gravatar – Every blogger needs show themselves to the audience through avatars. This is a globally used network of avatars that will help you make your face know to your readers across all platforms all over the world.

Interesting Content/Ideas Search

Interesting Content/Ideas Search.

  1. zipBoard – Content review and bug tracking tool that allows you to collaborate with internal and external stakeholders by seeing feedback in context.
  2. Title Maker – Content idea generator.
  3. Google Trends – Showing the latest hot searches in United States.
  4. Buzz Sumo – Analyze what content performs best for any topic or competitor. Find the key influencers to promote your content.
  5. Topic Generator – Blog topic generator.
  6. Explore – Get to know what’s hot and recommended.
  7. Trends 24 – Explore popular content from Youtube, Imgur, Twitter, Google+, and Google books.
  8. Content Strategy – Content strategy feed on Quora.
  9. Portent’s Content Idea Generator – Many authors adire this tool. Enter your keywords and you will get many content ideas that are trendy and engaging.
  10. Reddit – Get to know what’s discussed on reddit.

SEO and Analytics

SEO and Analytics.

  1. Quick Sprout – Quick Sprout is the easiest way for you to make better content so your audience and traffic continue to grow.
  2. WordPress SEO – Improve your WordPress SEO: write better content and have a fully optimized WordPress site using Yoast SEO plugin.
  3. SEO Site Check Up – User-friendly analysis and monitoring of your site’s SEO.
  4. Grader – HubSpot’s marketing grader. Grade your marketing. Make it better. Outpace your peers.
  5. Rank Checker – Free keyword rank checker & SERP checker.
  6. Open Link Profiler – The freshest backlinks, for free.
  7. Keyword Tool – Keyword tool which helps you find the keywords that people are typing into Google search box.
  8. Google Analytics – Improve performance across your sites, apps, and offline marketing. Google’s analytics solutions can help you turn customer insights into action for your business.
  9. Keyword Planner – Search for keyword and ad group ideas, get historical statistics, see how a list of keywords might perform, and create a new keyword list by multiplying several lists of keywords together.
  10. Google Webmasters Tools – Search console from Google helping you manage your online property.
  11. Trends – Explore the trending stories by categories and by countries.
  12. Nibbler – Nibbler is a free tool for testing websites. Enter the address of any website and get a report scoring the website out of 10 for key areas, including accessibility, SEO, social media and technology.
  13. BROWSEO – A web app that allows to view any webpage without distractions caused by styles. It also highlights parts of a page that are relevant for SEO.
  14. Google Sitemap Generator – Find broken links, redirects & site crawl tool.
  15. Copyscape – Search for copies of your page on the web.
  16. WooRank – Instant website review. From SEO to digital marketing, use WooRank to analyze and optimize unlimited websites.
  17. PageSpeed – PageSpeed insights. Make your web pages fast on all devices.
  18. GTmetrix – Analyze your site’s speed and make it faster. GTmetrix gives you insight on how well your site loads and provides actionable recommendations on how to optimize it.
  19. Local Search – Check your listings on Google, Bing, and other local search engines.
  20. XML Sitemaps – Build your Site Map online (XML, ROR, Text, HTML).
  21. Validator – Validate a document online.
  22. Shopify Tools – Free tools to run your business.
  23. Easyredir – Redirect people to your message. Concentrate on your content and let the company handle the technology (from 7$/month).
  24. Ahrefs – Track your backlinks, keywords, brand mentions and know what your competitors are doing (free 14 day trial).
  25. Alexa – Alexa has traffic metrics across the web. It is an invaluable source for competitive intelligence and strategic insight (free trial, from 9.99/month).
  26. Moz – Develop a high quality inbound link profile. Research backlinks, find link-building opportunities and discover potentially damaging links with Open Site Explorer (free trial available).
  27. Similar Web – Measures every website and mobile app, reveals the complete picture and provides insights which marketers, analysts, and industry leaders can rely on in their work (some services are free).

Image Optimizers

Tools for image optimization.

  1. Tiny jpg – Compress JPEG files with a perfect balance in quality and file size.
  2. Tiny png – Advanced lossy compression for PNG images that preserves full alpha transparency.
  3. Compressor – A powerful online tool for reducing drastically the size of your images and photos whilst maintaining a high quality with almost no difference before and after compression.
  4. Web Interface – Web interface — file uploader.
  5. Image Optimizer – Resize, compress and optimize your image files.
  6. WP Smush – Reduce image file sizes, improve performance and boost your SEO using the free WPMU DEV WordPress Smush API.

Image Editors

Tools for image edition.

  1. Fotor – simple and really understandable online app that allows you to edit photos, create designs (like a design of a postcard or a poster) and make collages.
  2. Online Image Editor – a 100% free editing app with a set of simple tools that will help you to transform your photo without downloading a full-size software.
  3. BeFunky – it could be the best online editor ever (or at least it states itself so). The editor is quite easy-to-use and doesn’t demand any additional efforts to learn how to work with it.
  4. Lunapic – a nice picture editor that could work not only with uploaded images but also with image URLs, which could be convenient for web use.
  5. iPiccy – this excellent online image editor has all the tools you can possibly need to transform your photo into something really awesome. It also has a collage maker and different designs creator, which makes it a little similar to the Fotor app.
  6. Giphy – Make hilarious GIFs or engaging product displays and use them in your next web design project. Such element increase user engagement and boost conversion rates.
  7. Pixlr – Reliable online photo editor.
  8. Infogram – Create awesome infographics for your website and presentations with this free tool. It offers 37+ templates and multiple interactive elements.
  9. Skitch – Get your point across with fewer words using annotation, shapes and sketches, so that your ideas become reality faster.
  10. Piktochart – If you need more infographics and posters on your website, check out this resource. Even if you sign up for a free account, there will be no limitations to the number of your creations.
  11. Easel – Create and share visual ideas (infographics).
  12. Favicon Generator – Create optimized images for social media.
  13. Place It – Thousands of Free iPhone, iPad, iMac and Macbook Mockups. No Photoshop needed.
  14. Imgflip – One more generator allowing to make GIFs from images and videos.
  15. Meme Generator – The first online advice animal meme generator.
  16. Pablo – Create beautiful images that fit all social networks perfectly.

eMail Services (Collecting & Sending eMails)

eMail Services (Collecting Sending eMails).

  1. Notablist – The email newsletter search engine.
  2. Batch – They deliver your emails at times you specify, so you can focus on what matters.
  3. Contact Form – Just another contact form plugin. Simple but flexible.
  4. MailChimp – Join more than 10 million people who use MailChimp to design and send 600 million emails every day.
  5. Many Contacts – Get a free Contact Bar on your website.
  6. Hello Bar – Get more email subscribers with Hello Bar.
  7. List Builder – List Builder lightbox makes sure your customers subscribe to your email list and come back for more.
  8. Scroll Triggered Box – Scroll Triggered Box will boost your conversion rates. The plugin displays a pop-up box with customizable content.
  9. Scroll Box – Politely grow your email list with Scroll Box.
  10. Mandrill – A reliable, scalable, and secure delivery API for transactional emails from websites and applications. Ideal for sending data-driven transactional emails, including targeted e-commerce and personalized one-to-one messages.
  11. Mail Gun – The email service for developers. Powerful APIs that enable you to send, receive and track email effortlessly. 10,000 emails free every month.
  12. Send Grid – Delivering your transactional and marketing email through one reliable platform.
  13. SendinBlue – SendinBlue was created to become the simplest, most reliable and cost-effective marketing platform.
  14. Mail Track – Know who read your emails and when.
  15. Canned emails – A minimal site with prewritten emails.

Guides Courses

Guides Courses.

  1. Primer – Primer is a fast, easy way to learn new marketing skills. You can take their bite-sized lessons wherever and whenever you have 5 minutes free.
  2. Customer Lifetime Value Book – This book includes a whole bunch of best practices, tips, tricks & techniques to not only help you retain your customers, but also maximize your Customer Lifetime Value.
  3. Pricing Course – A free, 9 lesson course that has helped 15,475+ freelancers learn how to charge more.
  4. Start Up Sales Boot Camp – Learn the psychology hacks used by top sellers.
  5. Building Online Courses – A free online course that teaches you how to create an online course.
  6. Email Marketing Best Practices – Learn email marketing best practices and understand everything from traffic generation to email optimization.
  7. First Site Guide – The beginner’s guide to successful blogging.

Social Media, Communities Management, Polling

Social Media, Communities Management, Polling.

  1. Smartcasual – A professional community where they bring the easiest way for you to expand your professional network.
  2. WriteRack – WriteRack is the best way to tweetstorm.
  3. Playbuzz – This is an awesome free online tool for advertisers and publishers. Use it to create quizzes, lists, polls, and other interactive content. The platform will also help you increase your content coverage.
  4. Coschedule – Create beautiful Click To Tweet boxes in your blog posts.
  5. Latergram – Schedule & manage your Instagram posts.
  6. Pin It Button – Add a “Pin It” button over your images, so users can add it to Pinterest easily.
  7. SharedCount – Track URL shares, likes, and more.
  8. How Many Shares – Count how many times URL has been shared on popular social networks.
  9. Crowdfire – By the power bestowed upon you by Crowdfire, you can manage your Twitter and Instagram accounts far more effectively.
  10. Klout – Spread the word about the article among your friends immediately with the help of browser extension.
  11. RiteTag – RiteTag browser extensions for scheduling & productivity.
  12. Social Analytics – Analysis of any page from the viewpoint of social platforms (the quantity of likes and so on).
  13. Crowdriff – Get Twitter engagement, interest and activity analytics in real time to make interactions more personal and more meaningful.
  14. Buffer – Social media management for marketers and agencies.
  15. Bitly – The company is committed to unleashing the power of the link. They shorten nearly half a billion links per month as an integral part of social, SMS, email efforts (and more) from brands, marketers, publishers, government organizations, non-profits and individual users.
  16. Add This – Promote your site with the best social tools on the web.
  17. Sumome – Share makes it stupid-easy for your visitors to share your content to their friends, family, and others. The more people share your site and content, the more viral traffic goes back to your site.
  18. Disqus – Build a community of active readers and reviewers.
  19. Thinglink – Create annotations for every video or image with this awesome online tool. Adding links and interactive content to videos helps increase website conversions.
  20. Press Kit Generator – Generate a simple Press Kit for your app consisting of app icons, screenshots and a document with your app’s description and other relevant info like genre, price, developer, website etc.
  21. Survey Creator – Make a free survey to know your users. Create a survey, get feedback straight in your mailbox.
  22. Wirewax – Do you remember what’s worth a thousand images? A great video! Add hotspots to your videos and make them more engaging and clickable.

Clients Support and Polling

Clients Support and Polling.

  1. Type Form – Free online polling and forms constructor.
  2. Batch – Use your data to send personalized push notifications.
  3. Help Race – A personalized help desk and user feedback portal in a remarkably simple customer service platform.

A/B Testing Growth Hacking Tools

A/B Testing Growth hacking Tools.

  1. Petit Hacks – Learn the tricks websites do to get more of your clicks, money, time and attention.
  2. Optimizely – Test, personalize, and optimize. One easy-to-use platform for the web and mobile apps.
  3. Growthhackers – Powerful collaboration, ideas and learning resources for marketing and growth teams.
  4. Hello Bar – A tool for A/B testing.

Online Learning

Online Learning.

  1. Froggy – Froggy is a game where you help Froggy and friends by writing CSS code.
  2. Uideo – 490 talks for designers from 66 UX/UI conferences all over the world.
  3. Casestudy Club – Get acquainted with multiple theme researches dedicated to many product types. Study the investigations on UI, UX, branding and many other topics.
  4. Codesign – Visual feedback on everything.
  5. The Tiny Designer – Understand design and what it can do. (5-week email course).
  6. Design Lab – Learn design by doing, with hands-on projects & mentorship.
  7. Hack Design – Newsletter that teaches you design via 50 curated courses.
  8. Product Hunt – Discover and geek out about apps, games, podcasts, and books, every day.
  9. Design Research Technique – Huge repository of design techniques for every project stage.
  10. Beta List – Discover tomorrow’s startups, today. Get early access to the newest startups.
  11. Startupli – An app for testing your app ideas.
  12. Startups List – Collections of the best startups in different places.
  13. ErliBird – ErliBird provides quality real-world usability testing and beta testing with the community of 70,000+ global testers.
  14. Cofounders Lab – Largest community of entrepreneurs online.
  15. Founder2Be – Find a co-founder for your startup. Join tech co-founders, designers, marketers, developers, etc.
  16. Skillshare – Learn new creative skills. Join over 1 million students learning across thousands of online classes.
  17. Khan Academy – You can learn anything. For free. For everyone.
  18. Coursera – Free online classes from 80+ top Universities and organizations.
  19. Codecademy – Learn to code interactively, for free.
  20. Itunes – How to start a startup podcast.
  21. Startup Class – Everything they know about how to start a startup, for free, from some of the world experts.
  22. Startup Notes – Here are doodle notes of the most inspirational and actionable advice from each speaker.
  23. Design for Hackers – Free 12-week email course to teach design to hackers.
  24. Rocketship – Learn from successful entrepreneurs each week about strategy, growth, and so much more.
  25. Udacity – Steps needed to build a successful startup.
  26. Mixergy – Learn from proven entrepreneurs.
  27. Hack Design – An easy to follow design course for people who do amazing things.
  28. Email1k – A free 30 day course to double your email list. Learn from experts who’ve grown email lists over 10 million subscribers.
  29. Design for Hackers – New (free) email course design pitfalls.
  30. Startup Digest – The personalized insider newsletter for all things startup around the world.
  31. Matter Mark – A hand-curated newsletter compiled daily to bring you first-person accounts of entrepreneurship, investment and other insightful reflections from the startup ecosystem.
  32. Pricing Course – A free, 9 lesson course that has helped 15,475+ freelancers learn how to charge more.
  33. Product Psychology – Get free lessons on user behavior.
  34. The UX Newsletter – Gather the information. Make sense of the information. Share the information. Discuss the information.
  35. UX Design Weekly – Join 12,000+ subscribers & get a hand picked list of the best user experience design links every week. Curated by Kenny Chen & published every Friday.
  36. Foundrs – Startup equity calculator – to get started.
  37. Qwilr – Ad spend calculator for healthy business: by Qwilr.
  38. How Much to Make an App – Easily calculate the cost of a mobile application using this handy tool.
  39. Pitcherific – Sharpen your message and become well-prepared for a pitch.
  40. Startup Equity – Figure out how much equity to grant new hires in seconds.

Work & Efficiency

Background Music for Concentration

Background music for concentration.

  1. Noisli – Improve focus and boost your productivity. Mix different sounds and create your perfect environment.
  2. Noiz – Just turn on the sound and allow yourself to become engulfed in the tranquil sounds of nature.
  3. Defonic – Noise generator. Combine the sounds of the world into a melody.
  4. Designers MX – Playlists gathered by designers for designers.
  5. Coffitivity – Coffitivity recreates the ambient sounds of a cafe to boost your creativity and help you work better.
  6. Raised Beaches – A free library of UI sounds, handmade for iOS.
  7. Freesound – Freesound is a collaborative database of Creative Commons Licensed sounds. Browse, download and share sounds.
  8. Sonics – Sonics is a library of 175 UI sounds and sound effects.
  9. Spotify – Deep focus playlist.

Self-discipline & Joint Activity

Tools for self-discipline.

  1. Trello – Trello is the free, flexible, and visual way to organize anything with anyone.
  2. ToodleDo – This task organiser has many fans. It offers a nice UI and enables you to create sub-tasks, notes, assign priority to tasks, set deadlines, use reminders, and create multiple folders.
  3. Evernote – Universal working space for everything.
  4. Dropbox – Free space up to 2GB.
  5. Yanado – Simple task & project management. Tool inside Gmail. Yanado is a Chrome extension that simplifies your day to day tasks.
  6. We Transfer – Transfer files up to 10GB.
  7. Pocket – Found anything interesting? Put it into Pocket to view later.
  8. Habitica – This free solution will help you build the right habits and gamify your entire life. You will get a character that will be passing through multiple game levels. You success in this game will depend on your task completion progress. You can also compete with friends and share your progress with the person who holds you accountable.
  9. Rain Drop – A comfy service for working with bookmarks.
  10. Google Keep – Is you are a big fan of Google services and making lists – this tool is your perfect fit. It allows saves lists and viewing the, across all devices.
  11. Flowdock – Flowdock is a team collaboration app for desktop, mobile & web. Work on things that matter, be transparent and solve problems across tools, teams & time zones. Try it for free for 30 days.
  12. Todoist – Do you enjoy making lists and assigning color codes to your tasks? This app will help you add structure to your schedule by creating sub-tasks, sub-categories, and dependencies.
  13. Type Talk – Share and discuss ideas with your team through instant messaging on the web or on your mobile. Now Typetalk is available as desktop app. Download on Windows and Mac.
  14. Wunderlist – The best To-do list of 2017, this free solution is still everybody’s favorite. It is very simple: you make lists and then share them with your family or colleagues.
  15. Slack – A messaging app for teams who are changing the world.
  16. HipChat – Great teams use HipChat Group and private chat, file sharing, and integrations.
  17. Google Hangouts – Messaging, voice and video calls.
  18. Voxeet – Voxeet is built on the principle that every conversation matters. Invested in taking sound seriously. Voxeet puts an end to frustrating conference calls and keeps your team moving forward.
  19. Free Busy – Easiest way to share availability across calendars and coordinate meetings (for free).
  20. Real Time Board – Whiteboard. Finally in your browser. The simplest collaboration tool for project leaders, marketers, designers, developers and creatives.
  21. Any.do – Achieve the goals with your team.
  22. Asana – Move work forward. Asana is the easiest way for teams to track their work—and get results.
  23. Go to Meeting – Online meetings without fuss.
  24. Nutrition Secrets – Learn how to stay healthy.
  25. Taskade – Taskade is the remote workspace for getting things done. We are building a real-time organization and collaboration for distributed teams. Manage tasks, write notes, and video chat, in one simple platform. Taskade is reimagining the future of work, remote collaboration, and team productivity. Our mission is simple, to help teams get work done, faster and smarter. Download our apps for iOS, Android, Mac, Windows, or try our Web App. Taskade is simple, flexible, and fun..

Remote Work

Different options for remote work.

  1. Foundedx – Jump in the Founded X Startup Statistics and find your perfect startup location.
  2. Teleport – Teleport builds software to move you to the best place to live and work.
  3. Clubhouse – Software projects with less than 3 team members can use this great management tool for free. It offers a big set of features and encrypted backups.
  4. Work From – Use Workfrom to discover and share the best places to work remotely all over the world.
  5. Freedcamp – This platform enables group discussions, editing, sending invoices, adding tasks and tracking projects, etc.
  6. Remoteok – Best remote work in startups.
  7. Hygger – An Agile project management platform that allows handling many projects at once and grouping them into collections. You will be creating every possible project management elements: sprints, boards, swim lanes, logs, road maps, etc.
  8. What’s it Like App – Where to go is only part of the equation. Start asking when to go. Travel advice.
  9. Pivotal Tracker – This online tool offers project management made simple. The greatest features are the time tracker and awesome checklists. With a free version, you will be able to run only two projects at the same time.
  10. Bitrix24 – This is a free project management, HR management, and CRM solution for small businesses and teams. If you sign up for free, you will use 5GB of storage and be able work on the same project with 12 people.

Free Mockup Templates

Templates mockup.

  1. Granite Stationery Bundle – It is a mockup PSD bundle, free to use for commercial and personal use. All of the images were created in Cinema4D and rendered with Octane Render. Brought to you generously by American designer Aaron Covrett.
  2. Screely – This service instantly turns your screenshot into a beautiful design mockup. Without using Sketch or Photoshop templates. They do not upload or store any image on their servers.
  3. MacBook Pro Photo Mockup – Showcase your work professionally using an elegant and classy professional presentation for your project, application, WordPress theme, startup or artwork.
  4. Free iPhone 5 Photo Mockup – Need to display a design on an iPhone? No problem. Here’s another great free resource from Show It Better – a website that offers loads of decent mockups to help you showcase your professional work.
  5. Futuramo – The resource offers 45,000 UI icons (with 3,000 icons in 16 styles) that are ready to mix and group together in dedicated sets.
  6. Placeit – It is absolutely great instant mockup generator. You can get free access not only to 600+ product mockups, but also place the app screenshots into the given mockup by simple drag-and-drop.
  7. Designmoo – It is a vibrant community that provides a tremendous number of free mockups for graphic designers. Besides that, you can discover and share the other free UI kits out there, including vectors, fonts, patterns, textures, PSDs and more.
  8. Pixeden – Pixeden came to life with the idea of creating a one-stop place for all the tools that a modern designer might need in its day-to-day routine. This service is hard at work providing quality web resources. You can download all their free web and graphic design templates.
  9. Graphic Burger – GraphicBurger is a buffet of premium quality design resources offered for free to the community. This is the right place if you are looking for quality design resources like mockups PSDs which are created by Graphic Burger and other industry-leading designers.
  10. Mockup World – If you are searching around the whole web for the best mockup for your work, Mockup World should be your only stop. This is the biggest source of free photo-realistic mockups online.
  11. Premium Pixels – Premium Pixels is a collection of free design resources created and curated by UK based Web Designer Orman Clark. Beautiful sketch templates, icons, patterns, brushes and textures, and much more are available there.
  12. Barnimages Freebies – Barnimages was created with the hope of redefining traditional stock imagery. Free design resources, including free mockups, fonts, templates, graphics are waiting for you there.
  13. Smartmockups – It is trusted by thousands of people and companies worldwide. 1700+ ready-to-use product mockups are right inside your browser.
  14. Mockuuups – This is a Drag-and-drop tool for creating beautiful app previews and marketing materials. Impress your clients today with a growing library of mockups.
  15. Pixel Buddha – The source offers a selective collection of free mockup resources. Each of them can become a great start for building your work presentation. All mockup PSD templates featured here are designed using smart objects, what makes the use of them smooth and easy.

Backgrounds + Textures

A big collection of backgrounds and textures.

  1. Pattern8 – The resource was created to make it easier to find a high quality free seamless pattern. Pattern8 keeps things simple and allows searching by color. You will find lots of free pixel patterns here.
  2. Texture King – This is a great place of free high resolution, high quality textures for personal and commercial use.
  3. Patternico – This resource allows to create your own free seamless patterns and backgrounds online fast and easy. Try their pattern generator – it is totally free! No Photoshop, no Illustrator required.
  4. Subtle Patterns – High quality resource for anyone in need of quality textured patterns, free to use. The subtle pattern backgrounds are perfect for adding a slight hint of patterns in the background without taking too much attention away from the main content.
  5. Lost and Taken – L+T provides free textures for use in your next project. They are absolutely perfect for adding just a hint of grunge and texture goodness to your work.
  6. Graphic River – Whatever kind of graphic assets you need, you will find plenty in their collection. High-quality graphic assets are guaranteed on GraphicRiver.
  7. Wegraphics – This is an online community for designers, and a marketplace for high-quality graphic design resources. Everyone can access the community’s resources by signing up as a free member.
  8. Blog Spoon Graphics – The aim of the resource is to help you create cool stuff by sharing tips, inspiration and resources to fuel your creative passion. Hopefully, you will find some useful stuff.
  9. Rawpixel – It is smashing stereotypes to create design resources that reflect today’s society as it really is. They are having the most diverse stock photos in the industry and they want to do more.

Time-saving Web Design Resources

Time-saving web design resources.

  1. Tickera – WordPress event ticketing system – . Its workflow is as streamlined as it comes, and there are over 25 professional add-ons to help you expand its functionality to suit your needs. Another notable feature is the ability to create a floorplan of your venue and let your customers select the exact seat they want for your show.
  2. LayerSlider – Responsive WordPress Slider Plugin – This is a premium multi-purpose animation platform. Sliders, image galleries, slideshows with mind-blowing effects, landing pages, animated page blocks, or even a full website can be created using LayerSlider 6.
  3. Goodie – Web Development Service – Goodie hires only experienced web developers and let them cooperate directly with you. You are uploading your design files or just a website idea. Then, you allow a Goodie dev estimate the price, confirm the budget and work directly with him or her.
  4. Postcards – Create and edit email templates online without any coding skills. Use Postcards to quickly create beautiful and responsive emails. Try the free version to explore all the benefits of the service.

Web Design Softwares

Web design softwares.

  1. GIMP – Whether you are a graphic designer, photographer, illustrator, or scientist, GIMP provides you with sophisticated tools to get your job done. You can further enhance your productivity with GIMP thanks to many customization options and 3rd party plugins.
  2. Color Wheel – This color tool absolutely deserves a spot on any list of best web design software. It’s all web based and entirely free. Adobe Color simply helps you to avoid any problems like that by calculating the best fitting colors in the color scheme based on the seed color provided by you.
  3. Pictaculous – It is is a color palette generator service from MailChimps. Users can upload PNG, GIF, or JPG image files and Pictaculous will analyze their colors to return a fitting scheme.
  4. Balsamiq – It is a wireframing tool that allows users to sketch and share user interface mockups for web, desktop and mobile apps.
  5. Lightshot – The fastest way to take a customizable screenshot. Simple interface, nothing useless and light weight.
  6. WAMP / MAMP – These abbreviations describe a fully functioning setup used for developing dynamic Internet web pages. The products can be installed under macOS and Windows with just a few clicks.
  7. Wix.com – It offers a complicated website building services including registration, website design, website administration and modification.
  8. Squarespace – It is the all-in-one platform to build a beautiful online presence. Trusted by the world’s best, Squarespace empowers people with creative ideas to succeed.
  9. TOWeb – The responsive website creation software. Create all by yourself a modern website compatible with all devices. Without programming. Without subscription.
  10. PSPad – This is a tool that is loved by programmers, though it can adequately be used for anyone that is interested in web design.
  11. CoffeeCup Free HTML Editor – Its philosophy has always been to create web design software and services so you can make better websites.
  12. Mobirise Website Builder – It is a free offline app for Windows and Mac to easily create small/medium websites, landing pages, online resumes and portfolios. 1500+ beautiful website blocks, templates and themes help you to start easily.
  13. Open Element – This software enables you to edit your web design, so that you can modify anything that you are not comfortable with so that your website is a true reflection of your personal style.
  14. Net Objects – This is powerful website design software that has earned critical praise and worldwide recognition as one of the fastest, easiest ways to build, manage and promote websites.
  15. Digital Trends – The software allows to start creating your website from scratch and end up with a unique result.

Graphic Resources Databases

Graphic Resources Databases.

  1. PSD Repo – PSD Repo you will find a large number of free PSD files starting from mockups, website templates, icons, Photoshop brushes, UI kits and many more.
  2. Fribbble – Free design resources from the world’s best design bundle sellers.
  3. DBF – The best freebies design resources from Dribbble and Behance. Get the latest free PSD for UI, mock-ups, icons, fonts, templates and backgrounds.
  4. 123FreeVectors – One of the largest collection of free vector art, vector images, vector graphic resources, clip art, illustrations, and much more.
  5. Freedesignfile – This resource has thousands of top quality free vectors and free photos much more besides, including free Photoshop brushes and actions, free fonts, and etc.
  6. BrandEPS – This is a database of brand logos and icons. All logos and icons can download in vector EPS, JPG and PNG file formats for free! Icon resources also available in SVG file format.
  7. Flaticon – The largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.
  8. Fudgegraphics – A great new web design and development-focused blog which is full of all the freebies any web designer could want.
  9. FreeVectors.net – This is a fun little community of vector lovers who share free vector graphics. All the images on this site are free to use for personal use and most of them can be used commercially.
  10. DryIcons – Over 5000 high-quality web and vector icons in 77 icon sets, and more than 1700 vector graphics for designers and developers.
  11. Snap2objects – Here you will find all the vectors, brushes, textures and all the different resources available on the blog and sorted by similarity.

ClipArt Design Elements

ClipArt Design Elements.

  1. Old Design Shop – A lovely collection of vintage clip art and textures for all things old and beautiful.
  2. Pixel Scrapper – A community site for digital artists and scrapbookers offering thousands of free images, templates, PSDs, kits, and tutorials.
  3. Designer Candies – This is a project created by designers, for designers. They produce high quality graphic design resources for you to use in your design projects.
  4. MediaMilitia – This is the home of some top-notch graphics, PSD files, vectors, tutorials, and much more. All of the free design resources on Media Militia are for personal and commercial use.
  5. 365 PSD – Download free American PSD files, vectors & graphics. Browse a beautiful American collection and download for commercial use, with no purchase required.
  6. Brusheezy – This is the place to share free Photoshop brushes and other Photoshop-related resources.
  7. Free Pik – More than 3 millions free vectors, PSD, photos and free icons. Exclusive freebies and all graphic resources that you need for your projects.
  8. Graphics Fuel – It is home to a range of free and premium design resources, and inspiration to help you have fun creating awesome design stuff.
  9. Designermill – A collection of free PSDs, Sketch files, free Fonts and other resources for designers.


tools for video editing.

  1. Video Pexels – The best free videos shared by the Pexels community. Pexels provides high quality and completely free stock photos licensed under the Pexels license. All photos are nicely tagged, searchable and also easy to discover through our discover pages.
  2. Videezy – This is one of the largest video communities in the world. Their growing collection of high-quality footage makes filmmaking easy and affordable. Plus, most files are free to download and free to use.
  3. xStockVideo – All their footage in web resolution 960×540 is free to download and free to use in a ‘Free to view video project’ (promotional, event, educational, client, youtube without ads).
  4. Motion Elements – It is the best online stock footage site to download free video clips. Choose from free stock video to free After Effects templates to free stock music.
  5. Videvo – The world’s largest resource of free, safe-to-use video and audio content on the web. It is their mission to continue to strive towards this goal, providing the highest quality free content on a regular basis, available for everyone to use.
  6. Bottled Video – Founded on April 1st 2011 BottledVideo.com (a spin off of the family video production business) was launched to the public as resource for 100% free stock video footage.
  7. Dissolve – Extraordinary stock footage and photography.
  8. VideoBlocks – They are building a better way to find high-quality, affordable stock media. You get unlimited downloads from the Member Libraries you choose at no extra cost, including 115,000 HD videos, 400,000 images, and 110,000 audio tracks.
  9. Distill – Curated HD Video free for your personal and commercial use.
  10. OrangeHD – All the footage is shot in full HD (1920×1080) or HD (1280×720). Available in mp4 AVC standard.
  11. VidsPlay – Completely FREE Stock Footage. You are granted non-exclusive rights to use and download our video material without the need to pay royalties for each use.
  12. Footage Crate – They provide the video making community with thousands of free professional-grade production resources, and also distribute exclusive content that is the most affordably priced in the industry.
  13. Artbeats – This service offers a unique variety of royalty-free stock footage.
  14. CuteStockFootage – Free footage, vfx, overlays, light leaks, backgrounds, textures, sfx.

The Best Resources That Help You Learn Marketing

The Best Resources That Help You Learn Marketing.

  1. Content Marketing Reference Library – The blog evolved into highly profitable company with 8 figures in annual revenue thanks to useful content, smart copywriting, and exceptional products and services.
  2. The Beginner’s Guide to SEO – You will get the most out of this guide if your desire to learn search engine optimization (SEO) is exceeded only by your willingness to execute and test concepts.
  3. Social Marketing Success Kit – Discover how to drive new business and revenue through various social media channels with the Marketo Social Marketing Success Kit.
  4. Social Media Calendar – Social media managers around the world are leveraging the social media calendar to grow.
  5. The Moz Local Learning Center – Local SEO is all about increasing search visibility for businesses that serve their communities face-to-face.
  6. HubSpot Social Media Blog – Check out this resource that will help you develop the skills needed to be effective on social media.
  7. Creating Content That Converts – This guide will explain why and show you step by step how to create content that does (i.e. content that drives opt ins, leads and revenue to your business).
  8. The Multi-Channel Content Distribution Guide – Marketers are struggling to streamline distribution efforts across all of their digital channels. They created this template, a step-by-step guide to multi-channel distribution through content pillars.
  9. Distributing Content Marketing – The Complete Guide – Writing great content is not enough in order to build a successful blog. Here are 11 channels to use so people will actually read your awesome posts.
  10. The Beginner’s Guide to Social Media – Whether your current sentiment leans more toward enthusiasm or trepidation, there’s no way around the fact that social media is a far more complex field than it first seems. You will find this to be one of the most comprehensive social media resources available.

The Best Online Flipbook Makers

The Best Online Flipbook Makers.

  1. FlipHTML5 – It is a free online flipbook maker with an interactive personal homepage that makes it easy for you to find out about your flipbooks and a very nifty bookcase that automatically collects all your flipbooks and arranges them in an organized format.
  2. iSpring Flip – With iSpring Flip, you can quickly turn your documents into e-books, upload them to an LMS, and keep track of what learners are reading and how far they have progressed.
  3. Yumpu – Join 597,550 world-class publishers who turn a PDF into a stunning online catalog. Once published on Yumpu, your Catalogs will be available to millions of readers worldwide.
  4. FlipSnack – Create, share and embed online magazines, transforming your PDFs into online flipping books. The page flipping effect works wonders for digital publishing.
  5. PubHTML5 – This is a free digital publishing software that lets you create HTML5 flipping book that also work on iOS and Android devices.
  6. FlipBuilder – It is dedicated to making the best products possible. From design to delivery they focus on simplicity in use and power in function.
  7. Issuu – Publish your PDF online in just a few clicks. Join 3.3 million publishers on Issuu to enjoy a beautiful publication look on all devices, and an easy, no-frills publishing process.
  8. Bote – Your business requires presence. Both has the solution. The Bote™ Publishing Platform is designed to provide maximum growth for your business.
  9. Mag+ – They provide tools for creating and delivering touchscreen-native documents and issues, news items, real-time notifications, in-app messaging, and web content.
  10. iPaper – iPaper is an online catalog solution, so an internet connection helps. But jokes aside, you cannot create a catalog with iPaper. You need a PDF of your catalog in order to transform it into an inspirational sales and marketing tool.

Was this collection useful? Please let us know in the comments. We are very eager to receive your feedback.
BTW, if you think that something needs to added to this digest drop some links into the comments below.


Sell Your Graphic Designs. How to Sell Graphic Design?   MasterBundles Vendor Rating


Do I need all of those tools?

Of course, not. We gathered such a big quantity of resources to spare you some time. There are so many variants because we don’t want to limit you in any way. Choose the resources you like and create some stunning designs!

Why are there management apps in the list for designers?

As all the other creative workers, designers also need their tasks and duties to be managed. If you are a freelancer and work alone – you still need to organize your work and exactly for that reasons people create management apps.

Isn’t it a little embarrassing to use some other people works for inspiration?

Not at all. Almost all artist do it. Have you ever heard the phrase “steal like an artist”? Until you use other people pictures for inspiration and not to copy them – it is completely normal.

What if I know a magnificent resource and it is not listed here?

We will be really glad to make this list even more useful! Please, submit your resource via the form

Submit your project!


Video About Web Design Resources for Professionals

Looking for FREE graphic design resources and web development tools? Check out the list of 660+ Web Design Resources for Web Professionals You Cannot Miss in 2021!


Please take a moment to pin this post to Pinterest

660+ Graphic Design & Web Development: Resources, Jobs, Courses. Pinterest Image.

Was this page helpful?
We will be happy if you decide to share this article with your friends on Facebook. Just click on the button and you're done
What are your concerns?

What are your concerns?

Thanks for your response!

You have already left your review.
670 Graphic Design Web Development pinterest.