Close
Get in Touch
BLOG

100+ Design resources for Developers and Graphic designers 2020

100+ Design resources for Developers and Graphic designers 2020

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

 

Comments (2)
Leave A Comment
REPLYING... Cancel
Comments Added Successfully!
© Anselm Muchura | All rights reserved.