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 😊
Unplash provides high quality free images.
The best free stock photos, royalty free images & videos shared by creators.
Stunning free images & royalty free stock. Over 2.7 million+ high quality stock images, videos and music shared by our talented community.
Placeholder.com is a free image placeholder service for web designers, serving billions and billions of images each year.
Free stock photos and images. Download stunning photos for websites and commercial use
Free HD Stock Footage & 4K Videos!
500,000+ stock footage clips, motion graphics, Premiere Pro templates, After Effects templates, royalty free music and sound effects, all at your fingertips.
Ready made figma designs to practise front end
A World of Free Vector Arts at Your Fingertips!
Humaaans Mix-&-match illustrations of people with a design library
Free collection of beautiful patterns for all vector formats
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.
FIND FREE TO USE IMAGE ILLUSTRATIONS
ILLUSTRATION KIT | CONSTRUCTOR | TOOLS
15. google fonts
Collections of hundreds of amazing free fonts
Free fonts and font pairings to use for your next design project
Dants provide free fonts for personal use
Download 1000s free fonts made available by experts
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.
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.
Make beautiful designs faster, Millions of graphics for your design projects. Created by independent designers.
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
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.
Linearicons Ultra Crisp Line Icons with Integrity
26. free stock music
Free musics to use in projects
Royalty Free Music for Creators. The best Music, by the best Artists
Royalty free musics
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
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.
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.
Fast & efficient image compression
Squoosh image minimizer
Resize batches of images.
Hundreds of inspirational art wors from artists to artists
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.
The awards of design, creativity and innovation on the internet
A free resource library for product designers
Httpster is an inspiration resource showcasing totally rocking websites made by people from all over the world.
An Online Graphic Design Tool. All the elements you need to create amazing logos, social media graphics, presentations and more, for free.
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.
What will you design today? Canva makes it easy to create and share professional designs.
Create better wireframes with an app-tuned for wireframing
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.
Bootstrap Studio A powerful desktop app for creating responsive websites using the Bootstrap framework.
Latest UI patterns to make UI more appealing
53. color thief
Works in the browser and in Node.
Patternizer where you create UI pattern that you like
Build fast, responsive sites with Bootstrap
Rapidly build modern websites without ever leaving your HTML.
A modern responsive front-end framework based on Material Design
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
Bulma: the modern CSS framework that just works.
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.
The modern web developer's platform
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.
Move faster with intuitive React UI tools
Connect APIs, remarkably fast.
Pingdom Website Speed Test
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.
Run unlimited analysis on our most powerful servers. Stored reports make it easy to view progress and past work.