
100+ Design resources for Developers and Graphic designers 2021

UI Graphics
Animations.co - Beautiful, customizable animated GIF icons.
Uplabs - High-quality web, mobile, branding and marketing design resources (Free & Premium).
Sketch App Sources - Sketch UIs, wireframes, icons and much more.
UI Design Daily - Awesome UI Components of all types.
Undraw.co - Open-source illustrations for any idea you can imagine and create.
UI Space - Thousands of great UI freebies
Fonts
Google Fonts - Library of around 1000 free licensed font families.
Font Squirrel - Font Squirrel scours the internet for high quality, legitimately free fonts
DaFont - Archive of freely downloadable fonts.
1001 Free Fonts – Well the name says it all.
Free Typography - A list of high quality fonts
Abstract Fonts – Fonts free for personal and commercial use.
FontSpark - Discover Better Fonts.
Font Space - A designer-centered free font website that has quick customizable previews.
Glyphter - Upload your own SVGS and turn them into font files. Usefull if you want a smaller library loaded.
Colors
UI Gradients - UI gradients color generator.
HTML Color Codes - Get HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names,
Material Palette - Free to pick palettes, icons and colors for Material Design.
Color Hunt - A free and open platform for color inspiration with thousands of trendy hand-picked color palettes.
Colormind.io - Color palette generator
Palette List - Pick 2 colors you like and the tool generates thousands of palettes for you.
BrandColors- The biggest collection of official brand color codes.
ShadeSwash - Quickly generate shades of any color
Color Lovers - it will show the color schemes which are popular in outside world.
Icons
Icons8 - Free icons, photos, vectors and tools
UXWing - Well Optimized, Free icons for commercial use.
Icon-icons.com - Free Icons PNG, ICO, ICNS and Vector file SVG
Simple Icons - 1307 Free SVG icons for popular brands
Feather Icons - Beautiful, customizable open source icons
Shapedfonts Iconclub - 8000+ free icons
Iconmonstr - Discover 4496+ free icons in 313 collections
Browser Logos - High resolution web browser logos
Material Design Icons - A icon collection allowing designers and developers targeting various platforms to download icons in the format, color and size they need for any project.
appicon - Quickly generate app icons in diffrent sizes for your IOS, macOS and Android projects
css.gg - 700+ Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, styled-components, NPM & API.
LogoHub - Generate and download your logo for free in PNG and SVG format.
Heroicons - Free, open source icons from the creators of Tailwind CSS.
Favicons
Favicon.io - Generate a favicon from text, from an image, or from an emoji. Download in .ico and .png formats.
Favicon Generator - Generate favicon ico files for your website
Stock Photos
Pexels - Free stock photos shared by talented creators.
Unsplash - The internet’s source of freely usable images
Pixabay - Over 1.7 million+ high quality stock images and videos.
PxHere - Free Images & Free stock photos - PxHere
Magdeleine - Gallery & free high res photo everyday
Burst - Free stock photos collections,
Wunder Stock - Stunningly amazing free photos
Gratisography - Free collection of free high-resolution pictures
Stock Snap - Hundreds of high quality photos added weekly.
Find A Photo - Searches multiple stock photo websites.
Realistic Shots - Free high resolution stock photos
Kaboom Pics - Stock photography and color palettes. Good for product images
Stock Videos
Pixabay – Large library of free to use videos, donated by the community similar to Pexels
Coverr.co - Beautiful free stock video footage
Life Of Vids - Free video clips and loops
Pexels - Largest library of free to use videos, donated by the community
Loopvidz - Free To Use Cinemagraphs Created With VIMAGE App
Videezy - Free HD stock footage & 4K videos
Mix Kit- Stock video clips & music
Stock Music & Sound Effects
Free Stock Music - Royalty free stock music for YouTube videos, podcasts, etc
Mixkit - Free music for your projects
Bensound - Download Royalty Free Music for free and use it in your project.
Freesound - Free stock music and sounds
Vectors & Clip Art
Freepik – Free vectors, stock photos, PSD and icons
Vector4Free - Free vector graphics
Vecteezy - Find and download free vector art
Free Vectors - Community of vector lovers who share free vector graphics
PNGTree - png, backgrounds, templates, text effects
Freeble - Vectors, patterns, mockups and more
World Vector Logo- Download vector logos of brands you love
Lukaszadam - Free Vector atrworks.
trianglify.io - Generate low-poly backgrounds, textures, and vectors
Product & Image Mockups
Smart Mockups - Create stunning product mockups (free & premium)
Screen Peak - Create a mockup from a URL
Shot Snap - Create beautiful device mockup images for your app or website design
Device Shots - Create high-resolution device mockups for social media, for free
Threed.io - Generate 3D mockups right in your browser.
Screenshot.rocks - Create beautiful browser & mobile mockups in seconds
Screely - Instantly turn your screenshot into a mockup
Mockuphone - 100% free mockups for all devices including IOS, Android, Windows Phone, Laptop & Desktop and TV
HTML & CSS Templates
Colorlib – Almost any category of theme you can think of
FreeHTML5 - Free & premium HTML5 and Bootstrap themes
Mobirise - Great looking HTML5/CSS3 templates
HTML5Up - Very modern, unique responsive HTML5/CSS3 themes
W3Layouts- W3Layouts: 3784+ Free Website Templates for 2020
Templated.co - Tons of minimalistic HTML5/CSS3 themes
Hubspot - Templates, infographics, banners and much more
HTML5xCSS3 – Collection of wonderful templates in different categories
Bootswatch - Free themes for Bootstrap
Zerotheme - HTML5, Bootstrap, Prestashop templates
Onepagelove - One page websites, templates and resources
Themes For App - Free Bootstrap themes and landing pages
BootstrapMade - Elegant, clean and beautiful free templates using Bootstrap.
Cruip - Fully coded HTML templates to help you easily build your startup landing page without hassles.
CSS Frameworks
Bootstrap - Popular UI framework with tons of components that use both CSS and JS
Tailwind CSS - Low level, utility-first framework
Materialize - A modern responsive front-end framework based on Material Design
Vanilla Framework - Simple, extensible CSS framework written in Sass
Skeleton - Extremely light framework for basic UI elements
UIKit - Lightweight and modular front-end framework
Foundation - Mobile first framework with clean markup
Semantic UI - Empowers designers and developers by creating a shared vocabulary for UI
Bulma - Modern CSS framework with no JS
Spectre CSS - Lightweight, modern CSS framework
W3.CSS - A modern CSS framework with support for desktop, tablet, and mobile design by default. Designed to be independent of jQuery or any other JavaScript library
CSS Animations
Animate.css - Just-add-water CSS animations
Bounce.js – Bounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations
Anime.js - lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects
Hover.css - Hover.css is a CSS animation library designed for use with buttons and other UI elements in your website
Sequence.js - Sequence.js is a JavaScript library that provides a responsive CSS framework for creating unique sliders, presentations, banners, and other step-based applications
Magic Animations - Animations has been one of the most impressive animation libraries available
MOTION UI - A Sass library for creating flexible CSS transitions and animations
Javascript Animation Libraries
wow.js - Reveal Animations When You Scroll
Velocity.js - Velocity is an lightweight animation engine with the same API as jQuery's $.animate()
Animate On Scroll - Animate on scroll library to reveal animations when You scroll.
Greensock - A JavaScript library for building high-performance animations that work in every major browser
chocolat.js - Free lightbox plugin.
Particles.js - A lightweight JavaScript library for creating particles
Rellax.js - A buttery smooth, super lightweight, vanilla javascript parallax library
lax.js - Simple & light weight vanilla javascript plugin to create smooth & beautiful animations when you scroll!
mo.js - The motion graphics toolbelt for the web
UI Components & Kits
TagFold - Useful Bootstrap 4, HTML5, CSS3 Code Snippets to Build Web Layouts
Froala Design Blocks - Over 170 responsive design blocks ready to be used in your web or mobile apps
sweetalert - SweetAlert makes popup messages easy and pretty.
AdminLTE - Best open source admin dashboard & control panel theme
Material Design For Bootstrap - Open source toolkit for building material design with Bootstrap
UILang - A minimal, ui-focused programming language for web designers
Flat UI - Minimal free user interface kit
Shards - A free and modern UI toolkit for web makers based on Bootstrap
Medialoot CSS Components - Calendars, price grids and other UI components
Photonkit - Desktop UI library for Electron
Loading.io - Online service provider for creating simple animations, spinners, progress bar and more
SpinKit - Simple CSS Spinners
Moving Letters - Animated Text with JavaScript and anime.js
CSS Layout - A collection of popular web layouts and patterns in pure CSS
Design Systems & Style Guides
Material Design - Google's Material Design
Primer - Design, build, and create with GitHub’s design system
Ant Design – Design system for enterprise-level products
Laws of UX - A collection of the key maxims that designers must consider when building user interfaces.
Alta UI - Oracle's design system and toolkit
Apple Design Resources - Guides and templates for using Apple design and UI
Mailchimp UI/UX - Style guide and components from Mailchimp
Microsoft Fluent UI - Collection of UX frameworks from Microsoft
Rizzo - Style guide with UI components, JS components, widgets, etc
Online Design Tools
Figma - Online graphic design tool (Free & paid options)
Wireframe.cc - Wireframing tool (free & paid)
Vectr - Free vector graphics software
Taler - Create social media banner designs in minutes from hundreds of customizable templates.
GTmetrix - Website Speed and Performance Optimization
Pixlr - Online photo editor
Animoto Video Maker - Make videos online
Logo Maker - Create custom logos
RemoveBG - Remove image backgrounds
Visme - Create presentations, infographics and more
Infogram - Create infograms
ChartGo - Create charts and graphs online
Cartoon Photo - Turn photos into cartoons
Photopea - Online Photoshop editor
Octopus - Sitemap builder
Ui Bakery - Create full-fledged web apps visually
Diagrams - Diagram software and Flowchart maker
Downloadable Design Software
Gimp - Free & open source image editor similar to Photoshop
Gravit Designer - Free full-featured vector graphic design app that works on ALL platforms
Adobe XD - Free design tool from Adobe
Blender - Open source, free animation, 3D modeling, etc.
Inkscape - Powerful free design tool
Colorpicker - Open Source colors software: Retrieve, manipulate and store your colors easely!
Pencil Project - GUI prototyping software
Design Inspiration
Awwwards - A website that rate and collects the best websites in the world in UI
Web Design Inspiration – A site for web design inspiration, updated daily.
Dribbble - Design projects featured by different creators
Inspofinds - Latest design work from designers and the design community
Design Notes - Free online resource library for product designers
Land Book - Displays a large collection of websites to help find inspiration
Frontend Mentor - Real-world UI Challenges using HTML, CSS and Javascript
Codrops - A website that collects the best UI ideas and patterns and make tutorials of it
lapa ninja - Best landing page inspiration
UI Movement - UI Movement is a community of design enthusiasts who share and discuss the most interesting and unique UI designs
Freefrontend - Free front end design from css html and javascript. latest work some design part
Webframe - Discover and be inspired by beautiful webapp designs
Free Design Resource - A site offering fonts, mockups, templates graphics and ui kits.
Mulzli Search - Search engine for design inspiration
Calltoidea - Collection of different web Components for inspiration.
Pages.xyz - Curate and discover the best designed web pages
MediaQueri.es - A collection of inspirational websites using media queries and responsive web design
Image Compression
Compressor.io - JPEG, PNG, GIF, SVG Compression
BulkResizePhotos - Bulk image resizing, compression & converting that perform all the tasks within the browser (It works offline)
TinyPNG - Smart PNG and JPEG compression
CompressJPEG - Compress JPEG images with size even greater than 5MB
Image Optimizer - Image Optimizer Free With Quality Options
Optimizilla - Online JPEG and PNG optimizer / compressor with settings and archive download
Others
Codepen - Build, test and discover frontend code.
WebDevTrick - A famous blog for many amazing HTML, CSS, JQuery designs.
css-tricks - Free CSS tricks and some unique ideas for beginners and advanced
mydevice.io - Most commonly used device resolutions including phones and tablets
shortcode.dev - A collection of useful snippets and code examples for HTML, CSS, JavaScript, Node, Artisan, Blade and more.
Responsively - A tool for designers and frontend developers to design and debug their in all platforms with ease
Nodesign.dev - A collection of tools for developers who have little to no artistic talent
2020-08-08 00:37:13
This is amazing! Thank you so much. I am starting a web design business and this will be so helpful.
2020-08-09 12:15:16
This is what i have been looking for, and you just saved me a lot of time ❤