Being a web designer nowadays can pose quite a challenge. Luckily for you though, thanks to the Internet’s rapid expansion, the amount of sweet web design freebies is constantly growing as well. There are tools available like c# excel range, Icons Library, and the full social media icons set available out there.
So, today I have collected 50 sets of cool web design freebies including icons, fonts, e-books, and even website templates to make your life just a little bit better.
Anyway, let’s kick off this list with a selection of icon sets.
Free Icons
67 Free Device Icons
A good-looking set of nice, minimalistic icons depicting various kinds of devices from smartphones and tablets to joysticks and even flashlights. Available in various formats, you can use them with Adobe Illustrator and create awesome user interfaces.
Iconclub
Even though I included Iconclub under the “Icons” category it is much more than merely a set of Icons. In fact, it’s an entire application to help you prototype much faster!
It includes over 8,000 unique icons from lots of popular repositories that are completely free for commercial use. It also has a search bar to help you find what you need in seconds.
Another awesome thing about it is the fact that you’re able to straight up drag the icons out of this app and drop them in your Illustrator, Sketch, Photoshop, or Adobe XD.
Material Icons Library
This is a pretty extensive library of over a thousand unique material icons in a bunch of different formats for most popular design tools.
It includes icons from 16 various categories and each one comes in three styles: rounded, outlined, and two tones.
If you feel like you have exhausted the options provided to you by Font Awesome and other popular icons sets, consider using this library as a substitute.
Creaticons- Foodstuff & Drinks
This is a cute little pack of food-related icons for when you’re tasked with creating something for a restaurant, cafe and so on.
They are sure to make you salivate and there is quite a large collection of food items, ranging from burgers to donuts, watermelons, beer mugs and many more.
Each icon is vector and is sure to scale up and down flawlessly.
The Full Social Media Icons Set
The name of this pack speaks for itself. It includes 60 unique icons for just about every social media that exists out there.
ESP formatting ensures that the icons scale up and down perfectly and fit into any layout.
These icons can also serve as buttons thanks to their straightforward iconography inside of simple white boxes with hairline borders.
Unicons
Unicons is a very complete set of vector icons that includes over a whole thousand of unique items.
Belonging to over 20 categories including UI, Business, Medical, Shopping and others, they will come in handy in lots of your projects.
Crafted in a 24px grid and available as SVG files you can be sure the icons will display correctly on all kinds of layouts and displays.
Free Website Templates
AllFood
AllFood is a neat Bootstrap template for restaurants and cafes. Despite its free nature, it is actually quite functional and will satisfy all of a restaurant’s needs quite well.
An online order form is a great way of enabling users to order meals swiftly and online booking functionality completely eliminates the need of contacting the restaurant directly to book a table.
Its layout makes clever use of white space and puts the accent on delicious dishes, which will encourage users for visits.
It can also be perfectly usable for a blog, so if you’re working on a restaurant website or food blog, consider using AllFood.
Architecture
This free HTML5 template features everything you need to kickstart a website for an architecture-related business.
Its design makes very clever use of white space, looks great and is very intuitive to navigate. Showcase your projects with the help of a structured gallery and present the main points about your business through a variety of pages and widgets.
Design Studio
Are you looking for a template to create a professional presentation of your agency? It would also work perfectly for a personal portfolio.
Its vibrant design is very pleasing to the eyes and will help establish a feeling of creativity and professionalism, all the while saving you tons of time.
jQuery Travel Theme
This template is a pretty competent solution for the needs of travel blogs and travel agency websites.
Showcase all of your available tours and allow users to purchase tickets online and showcase your services in a way that will encourage visitors to convert.
Adobedesk
Adobedesk is an awesome mobile template for any kind of maintenance-related business. Its home slider is the perfect attention-grabbing tool which helps you present all of the vital information about your business in an engaging and good-looking way.
It also features a straightforward contact form, through which users can contact you in a quick and intuitive fashion.
Be it electrical repair, plumbing, painting, laundry or any other type of maintenance and repair, Adobedesk will be the right choice for all of them.
Sprystore
Sprystore is a trendy HTML template with a variety of pages for the needs of online fashion stores.
Its fully responsive design is packed with features and elements to make sure your clothing looks as stunning as it is.
It also features a contact form, a login form, a Google Map, and a neat sidebar that you can use for blogging.
ConsultingBiz
ConsultingBiz is a good-looking, refined platform for establishing the online presence of a lawyer, business consultor or any other kind of corporate agency or business.
The sticky top bar ensures visitors never get lost on the pages and the impressive home slider is a great tool for presenting all of the main points of the website in a single place.
A contact form will enable your client’s users to reach them directly quite easily and integration with Google Maps will make finding their office much easier.
Incredible
Incredible is a tiny one-page template with a very compact but attractive layout.
It will be the perfect selection for personal portfolios and creative presentations. Its gallery is the perfect place for showcasing your works and it’s fully responsive, Retina ready layout ensures that your site will display perfectly on both the tiniest and largest of screen resolutions.
It also includes the Google Fonts which enable you to get quite creative with the typography.
Method
Even though Method is rather simple, it covers all of the aspects of a cool band website.
Awesome backgrounds? Check. Tour dates with the ability to purchase tickets? Check. A gallery to showcase pictures from the most awesome gigs? Check.
The Music page is the perfect place to present all of the band’s albums and songs.
Fully responsive and Retina ready Method will look great on all devices and screen resolutions.
Free Fonts
Google Fonts
When speaking about fonts, it’s impossible not to mention the one and only, Google Fonts.
It is an absolute powerhouse of a library that consists of hundreds upon hundreds of unique typography choices for just about every language and alphabet that exists in the world.
Most of these fonts are available in a variety of styles and sizes.
So, if you’re ever in need of unique, custom fonts for the most creative of your projects, be sure to check in with the Google Fonts library.
Productivity Infographics Pack
The productivity infographics pack includes 6 beautiful fonts such as Source Serif Pro Bold, Source Code Pro Regular, Fira Sans Book, Fira Sans Condensed Book, and Haylard Text Medium.
But it’s actually more than a collection of fonts. It also includes a modern, refined infographic template for data-driven projects.
With it, all you need to do is insert your own data and your infographic is complete!
2500+ Fonts Bundle
Not much more to say about this bundle other than that it’s very extensive with over 2500 unique typography choices.
So, if you’ve exhausted your favorite font collections and are looking for something to refresh your typography, download this pack and see if you find anything of interest to you.
The best thing about this bundle is that you can actually install all of the fonts present within it with just a single click, which will save you a ton of precious time.
Ultimate Old-School PC Fonts
Fond of the good old days when DOS was all the rage and using your mouse was still a novelty?
Designing a resource or app in a retro style? Then you’ll quickly fall in love with this fonts pack.
It contains 81 various fonts choices from the era of IBMs and huge monitors that would make an obnoxiously loud crack in the middle of the night for no apparent reason.
You can download individual fonts or just get the entire pack in a single archive.
Velvetyne Foundry
Velvetyne foundry isn’t exactly a font pack. Rather, it is a resource of its own with a collections of very unique fonts.
And even though most of these fonts don’t really fit into modern, commercial design, you can definitely find a bunch of hidden gems for more creativity-oriented projects.
It is also a great place to look for unusual fonts you wouldn’t find elsewhere on the web and is an absolute goldmine for artsy typography.
1001 Free Fonts
And to conclude the fonts section of this collection, I decided to include this awesome website.
Even though its library may not be as extensive as one provided by Google themselves, it is an absolutely invaluable resource for browsing all types of fonts for different kinds of projects and languages.
To be honest, it should already be in your bookmarks by now.
Free E-Books
Typography: Tasty Type Tips
Typography: Tasty Type Tips is an awesome free e-book that dives deep into the evolution of typography in design and contains a pretty-in depth set of rules and guidelines on how to improve your design’s readability and flexibility.
It’s author, Paweł Pacura, will help you figure out how to choose the correct typefaces, pair, and format them properly.
So, if you’re in need of upping your typography skills, definitely consider giving this resource a read.
Web Field Manual
The Web Field Manual is an awesome, visually-organized resource that is an absolute must-read for beginner developers.
It contains loads of helpful information on pretty much all aspects of web design. And even though the tips it gives you are rather basic, it also points you to other resources that cover the topics you’re learning in much more detail. And there is a lot of those resources.
Speaking JavaScript
As the name suggests, Speaking JavaScript is a book that will help you learn JavaScript and tackle absolutely any JS project in the future.
And even though it is available for free, it is actually quite a comprehensive guide (it even says so on the book’s cover) and will help you get on your feet in the world of JavaScript.
Along with tutorials and explanations on how it works, Speaking JavaScript also covers some of the language’s history as well as some of the pros and cons of using it.
So, if you’re looking to learn JS or to improve your skills with it, Speaking JavaScript is a pretty good resource to refer to.
Resilient Web Design
Resilient Web Design is a web book that is designed to be read without the need of downloading it.
If you’d like a digital copy of it though, you also have the option of downloading it in PDF, EPUB, MOBI, and audio versions.
What the author focuses on are some web design techniques and strategies that have proven to stand the test of time and have persisted on the web for quite some time.
HTML5 Canvas
Much like Speaking JavaScript, HTML5 Canvas is a very in-depth guide to help you master the dark arts of HTML5.
With over 700 pages, this book covers almost the entire coding language and teaches you skills like drawing, animating, rendering text, manipulating images, and others over the course of countless exercises.
Those exercises task you to create interactive web games, which is a much more hands-on experience than simply reading a book and will help you improve your HTML5 skills dramatically.
WordPress Meet Responsive Design
Are you struggling to turn your WordPress layouts fully responsive? Do your projects look imperfect on some screen resolutions? Do you seek to learn the ways of turning any WordPress design adaptive?
Then WordPress Meet Responsive Design has been written just for you as it covers this very specific topic.
After all, full responsiveness is a requirement these days and if your design lacks it, gaining any sort of traction with your website will be next to impossible.
Making An Enterprise UX-Friendly
This one will be interesting to those of you who are tasked with optimizing websites’ user experiences, improving software, and any other UX-related tasks.
After all, if a design is not intuitive and is hard to navigate for the user, they are probably not going to continue to use that program or just leave the website.
So, Making An Enterprise UX-Friendly focuses solely on how to craft a good user experience with a practical design that will help boost sales, conversions, engagingness, and generally the image of the brand you’re working for.
50 Logo Design Tips From The Professionals
This one has a name that speaks for itself, really.
Every designer works in their very own, unique style and there’s no set guideline to create the perfect logo.
There is plenty of advice from professionals that have years of experience behind their shoulders in this book though.
So, if you seek to find out how pros do it and pick up a few tricks along the way, definitely give this book a go. It’s free, after all.
Free UI Kits
H1: A Colorful Mobile UI Kit
H1 is an extremely extensive UI kit available in PSD and Sketch formats.
It includes as many as 130 screen templates and 470 unique UI elements that belong to 10 different categories.
With this kit designing awesome, stylish mobile applications will be much easier!
Responsive eCommerce UI Kit
The Responsive eCommerce UI Kit features everything a modern online store really needs including home, product and checkout pages in multiple variations.
Designed for both desktop and mobile, it combines simplicity with calculated design choices and will look great on all platforms.
Definitely check this kit out if you’re tasked with designing and online store.
COVID 19 Live Tracker UI Kit
It is no secret that the world is under attack of a quick-spreading virus, and countless websites are being built to better educate the masses about this threat.
So, there are also UI kits to help speed your job up, and this is one of them.
It includes pretty much everything you need to quickly design an educational website about COVID-19 or any other disease for that matter.
A Not-So-Brutalist Web Kit
Brutalism is one of my favorite styles. Do you find it as awesome as I do? The author of this pack suggests that you grab and make use of it before brutalism goes out of fashion.
Anyway, this stunning UI kit includes as many as 70 custom artboards carefully crafted and designed following all of the latest trends.
Those artboards cover a variety of topics and will come in handy for multiple projects.
They also utilize very stylish and readable fonts like Eczar bold, Poppins and Roboto mono.
30 Elements UI Kit
A good, well-rounded UI kit with you guessed it, 30 unique element and page designs for business, eCommerce and startup websites done in a minimalistic, red and white style created by a Polish designer (coincidence? I think not.).
The elements in it range from login forms to calculators, product pages, 404s, subscription forms, and many more.
So, if you’re looking for a bunch of good-looking elements and pages to speed up the work on your next project, don’t hesitate to add this kit to your collection. It’s less than 20 megabytes, but the amount of time it will save you is quite significant.
Grace Freebie
This is the free version of the Grace UI kit. And even though it contains less than the full version, it is still quite usable.
Completely flexible and easy to edit in PSD format it will become a great addition to any of your projects.
The full version covers 7 categories of elements, namely headers, eCommerce, blog/magazine, media, forms, navigation, and style guide.
Free Tools And Apps
Glitch Art Generator
The Glitch Art Generator is a neat little web app that allows for quick creation of cool gradient backgrounds in an extremely simple and intuitive interface.
Just pick the colors, tweak the glitchiness, orientation, hit generate, and bam! You’ve got yourself a beautiful glitchy background.
Calcolor
Calcolor is awesome. It’s a resource that help you manage digital colors.
What it allows you to do is pick a color, which will lead you to its own page. There, you will see which colors it matches with and will also be able to modify it, blend with other colors, and create your own palettes.
It’s a great site to refer to if you need quick tips on what looks good with what.
Unscreen
Unscreen covers a more technical side of things. More specifically, it rids you of having to use a green screen by allowing you to remove the background of any video pretty much automatically.
You can even slot in a different background instead of the original one right there! And even though you’re probably not going to use the site’s backgrounds, it is still an invaluable tool that will save you a whole lot of your precious time.
Snapfont
Snapfont is an awesome Chrome extension that allows you to quickly test how any font looks on any website.
Its free version allows you to check any font within the Google Fonts library, but if you want to upload your own ones and see how they fare you will have to get the pro version.
But hey, Google Fonts features over nine hundred unique typography choices, and yours is probably somewhere in there anyway.
It also works on Firefox and with absolutely any website out there, regardless of what it’s been built on.
StockSolo
If you’re constantly on the lookout for free pictures to use in your projects and are tired by constantly monitoring dozens of resources, Check out StockSolo.
It has been created to help you out with this specific task. In its database you will find over three million photos from various resources, all gathered in one place.
There you will find awesome stock imagery for Photoshop, Adobe XD, Illustrator, and InDesign.
Free Patterns
Abstract Hand Drawn
Sometimes a well-designed pattern can add so much to a layout. I believe this will be the case with this cutesy hand-drawn pattern pack which will be the perfect addition to any creative, colorful design.
It includes 4 patterns, all of which you can see on the picture.
Minimalistic Modern Pack
A set of edgy-looking patterns suitable for all kinds of creative contemporary designs.
It includes 8 beautiful vector patterns that have zero problems scaling up and down depending of the resolution of the device used to view them.
Geometric Triangle
Less is often more, and I feel like this saying describes this pattern pack perfectly.
Despite only consisting of a bunch of triangles, it does a very good job of pleasing the viewer’s eyes.
Coming in four color choices, it will be a nice addition to any creative, artsy design.
Carbon
A solid pattern that comes in four variations. Two of them look like a carbon fiber surface and the other two are more metallic in nature.
It will be a great background for a mechanic workshop, car parts store, metallurgy business, and other projects related to automobiles, construction, and metal.
Ecology
Ecology is a vector pattern depicting, well, renewable energy, the Earth, light bulbs, recycling, and countless other elements related to the well-being of our planet.
It will make a great background for renewable energy, ecology, and nature protection websites.
Free Badges
Collection Of Sales Labels
If you’re working on an eCommerce project or an online store, grab these sales badges to save yourself a little bit of extra time and not have to do it yourself.
Re-Opening Soon
These 4 badges will be the perfect addition to any page dedicated to a re-opening of any business.
Their universal design will look good with lots of business categories and since they’re done in vector, they will scale perfectly.
Vintage Retro Insignias
4 beautiful, vintage logos that will fit both personal and commercial projects with style.
Personally I find the GATS one the coolest, what about you? Feel free to share your thoughts down in the comments section.
Barber Shop Logos
With the decreased quarantine restrictions, many barbershops are opening back up again, and some of their websites are due for a redesign.
So, if you’re working on a barbershop project, this little set of icons will fit right in and save you a bunch of time along the way.
Ribbons
Ribbons is a set of, well, ribbons that are pretty neutral and will look great on a huge variety of designs.
All you have to do is insert your own text and you’re done!
Use These Freebies to Speed up Your Projects
Sometimes a couple of free elements can save an enormous amount of time, so periodically checking around for new releases can prove quite beneficial.
So, did you find anything in this list useful for your own work? If you did, feel free to share your thoughts in the comment section.
