70 Free Resources For Web Designers and Developers
Jaxongir
Posted on October 9, 2022
In today's post I'm going to make you familiar with 70 amazing resources that you're surely going to be using in your career whether you are UI designer or web developer. So save this post for future references and enjoy the read 😊
1. unsplash
Unplash provides high quality free images.
2. pexels
The best free stock photos, royalty free images & videos shared by creators.
3. pixaby
Stunning free images & royalty free stock. Over 2.7 million+ high quality stock images, videos and music shared by our talented community.
4. placeholder
Placeholder.com is a free image placeholder service for web designers, serving billions and billions of images each year.
5. burst
Free stock photos and images. Download stunning photos for websites and commercial use
6. cover
Beautiful Free Stock Video Footage
7. videezy
Free HD Stock Footage & 4K Videos!
8. videvo
500,000+ stock footage clips, motion graphics, Premiere Pro templates, After Effects templates, royalty free music and sound effects, all at your fingertips.
9. uidesigndaily
Ready made figma designs to practise front end
10. freevector
A World of Free Vector Arts at Your Fingertips!
11. humaaans
Humaaans Mix-&-match illustrations of people with a design library
12. paaatterns
Free collection of beautiful patterns for all vector formats
13. [undraw(https://undraw.co/)
Create better designed websites, products and applications. Browse to find the images that fit your messaging, automagically customise the color to match your brand and use it as a normal image, embedded code or directly in your design workflow.
14. freeillustrations
FIND FREE TO USE IMAGE ILLUSTRATIONS
ILLUSTRATION KIT | CONSTRUCTOR | TOOLS
15. google fonts
Collections of hundreds of amazing free fonts
16. fontpair
Free fonts and font pairings to use for your next design project
17. dafont
Dants provide free fonts for personal use
18. 1001freefonts
Download 1000s free fonts made available by experts
19. flaticon
Access 8.3M+ vector icons & stickers
Download Free Icons and Stickers for your projects. Resources made by and for designers. PNG, SVG, EPS, PSD and CSS formats.
20. fontawesome
Take the hassle out of icons in your website. Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators.
21. iconfinder
Make beautiful designs faster, Millions of graphics for your design projects. Created by independent designers.
22. iconbros
Amazing high quality free icons to use in your projects
23. css icons
700+ CSS Icons. Open-source CSS, SVG and Figma UI Icons
Available in SVG Sprite, styled-components, NPM & API
24. material design icons
Material Design Icons' growing icon collection allows designers and developers targeting various platforms to download icons in the format, color and size they need for any project.
25. linearicons
Linearicons Ultra Crisp Line Icons with Integrity
26. free stock music
Free musics to use in projects
27. bensound
Royalty Free Music for Creators. The best Music, by the best Artists
28. musopen
Royalty free musics
29. mixkit
Free assets for your next video project
Awesome Stock Video Clips, Stock Music, Sound Effects & Video Templates. All available for free!
30. animate css
A Cross-Browser CSS made animations
31. bounce js
The definitive source of the best
JavaScript libraries, frameworks, and plugins.
32. animejs
Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API.
It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
33. minimamente
Animations such as: Magic Effects, Bling, Static Effects and a lot more
34. hover css
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
35. css shake
Some CSS classes to move your DOM!
36. tiny png
TinyPNG uses smart lossy compression techniques to reduce the file size of your WEBP, JPEG and PNG files.
37. imagecompressor
This online image optimizer uses a smart combination of the best optimization and lossy compression algorithms to shrink JPEG, GIF and PNG images to the minimum possible size while keeping the required level of quality.
38. compressor
Fast & efficient image compression
39. squoosh
Squoosh image minimizer
40. bulkresizephotos
Resize batches of images.
41. behance
Hundreds of inspirational art wors from artists to artists
42. dribbble
Explore the world’s leading design portfolios. Millions of designers and agencies around the world showcase their portfolio work on Dribbble - the home to the world’s best design and creative professionals.
43. awwwards
The awards of design, creativity and innovation on the internet
44. designnotes
A free resource library for product designers
45. httpster
Httpster is an inspiration resource showcasing totally rocking websites made by people from all over the world.
46. figma
An Online Graphic Design Tool. All the elements you need to create amazing logos, social media graphics, presentations and more, for free.
47. vectr
Free Vector Graphics Editor. Step into the world of Vectr, a simple yet powerful Free graphics editor that lets you design / edit vector graphics like a pro via its web and desktop cross-platform, without a steep learning curve.
48. canva
What will you design today? Canva makes it easy to create and share professional designs.
49. wireframe
Create better wireframes with an app-tuned for wireframing
50. pixlr
Photo editor, animation and design. Pixl is the No 1 in photo editing and design tools. Edit photos and create stunning designs right in your browser, on your phone or desktop for free. Start from an empty canvas, a photo, a video or select one of our professionally crafted templates.
51. bootstrapstudio
Bootstrap Studio A powerful desktop app for creating responsive websites using the Bootstrap framework.
52. subtlepatterns
Latest UI patterns to make UI more appealing
53. color thief
Grab the color palette from an image using just Javascript.
Works in the browser and in Node.
54. patternizer
Patternizer where you create UI pattern that you like
55. bootstrap
Build fast, responsive sites with Bootstrap
56. tailwindcss
Rapidly build modern websites without ever leaving your HTML.
57. materializecss
A modern responsive front-end framework based on Material Design
58. sass
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
59. bulma
Bulma: the modern CSS framework that just works.
60. foundation
Foundation is the most advanced, responsive front-end framework in the world. The framework is mobile friendly and ready for you to customize it any way you want to use it.
61. react
A JavaScript library for building user interfaces
62. angular
The modern web developer's platform
63. vue
The Progressive JavaScript Framework An approachable, performant and versatile framework for building web user interfaces
64. next js
The React Framework for Production. Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.
65. materialui
Move faster with intuitive React UI tools
66. w3validator
Validator to validate HTML, CSS, JavaScript code
67. pipedream
Connect APIs, remarkably fast.
68. pingdom
Pingdom Website Speed Test
69. comparium
Test browser compatibility and deliver a seamless user experience of your web resource with a powerful assistant.
Run web browsers tests in a few simple clicks and get access to a wide range of browsers, browser versions, and platforms.
70. seositecheckup
Run unlimited analysis on our most powerful servers. Stored reports make it easy to view progress and past work.
Posted on October 9, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.