Home | Resources

All Resources

Html

mdn-png
HTML5 Reference by MDN

You don’t need to know every HTML5 element. I just use this wonderful reference all the time.

html-cheat
HTML Cheat Sheet

A very handy printable HTML5 cheat sheet that can save you a ton of time.

css-trick
HTML Entity set

Most useful reference, gives you HTML entitiy name, numeric code, hex code and ISO code.

toptal
HTML Symbol set

A very use full symbol set, gives you Unicode, hex code, HTML code, and entity also.

github
HTML Emoji Set

This downloadable emoji set is to help you with using an emoji into straight your HTML file.

CSS

mdn-png
CSS3 Reference by MDN

As with HTML5, you don’t need to know every CSS3 property. Use this reference instead.

tutsplus
30 CSS Selectors

This list of the 30 most important CSS selectors from Tutsplus all the time.

animate-css
Animate.css

A simple CSS library that lates you add animations with ease.

Clippy
Clippy

A small tool to help you using the new and powerful clip-path property.

cubic
Cubic-bezier generator

A tool for visually generating timing animation functions to use in CSS transitions and animations.

caniuse
Can I Use?

Up-to-date browser support tables for front-end technologies on desktop and mobile browsers.

css-matic
CSS matic

The ultimate CSS tools for web designers. This is a non-profit project, made by developers for developers

css-matic
Complete Flexbox Guider

This complete guide explains everything about flexbox, focusing on all the different possible properties.

Images

unsplash
Unsplash

The internet’s source of freely-usable images. This is my no.1 priority for free stock images.

Pixabay
Pixabay

A collection of over 1.7 million+ high quality free stock images and videos.

Pexel
Pexel

The best royalty free stock photos from multiple resources, all in one place.

moose
Moose

This is a very advanced tool to create realistic photo collages online.

freepngimg
Freepngimg

You can download over 50,000+ PNG images for free! And also Pictures, Icons in different sizes.

coverr
Coverr

Coverr is a video production marketplace that offers free videos for your website.

png-img
Pngimg

A very usable resource of PNG images and cliparts for web design.

Tiny PNG
Compressor #1

Smart PNG and JPEG compression More than 1 billion PNG and JPEG images optimized and still counting!

comp-2
Compressor #2

This is a advance free media convertor. Convert your media files online from one format into another.

comp-1
Compressor #3

Free online compressor, it mainly compress upto 20 ( .jpg, .png, .pdf & .svg ) files at a time.

Colors

colormind
Colormind

It is a color scheme generator that uses deep learning. Different datasets are loaded each day.

coolors
Coolors

Create the perfect palette or get inspired by thousands of beautiful color schemes.

adobe
Adobe color wheel

Adobe color wheel is the ultimate color wheel that you must use for your projects.

colorable
Colorable

It is a very advanced tool for experimenting with readability and contrast between text color and background color.

paletton
Paletton

A very popular tool which allows you to create color combinations that play well together.

0to255
0to255

This is a color tool that makes it easy to lighten and darken colors. Over two million user uses it.

Fonts

dafont
Dafont

Dafont is the well-known and huge library of free fonts. The #1 resource for free fonts.

fontsquirrel
Fontsquirrel

Fontsquirrel is one of the best resource for free fonts. 100% free for commercial use.

fontsfree
Fontsfree

This is a very useful resource for free fonts. It has a very beautiful & modern-looking interface. 😍

fontspace
Fontspace

Over 67,000+ free downloadable fonts ( legally licensed ) that are perfect for your design projects.

google-fonts
Google Fonts

The best resource for free and easy-to-use webfonts. It has a huge library of fonts.

1001fonts
1001fonts

Another valuable resource for free fonts, sometimes it is pretty useful for me.

Icons

font-awesome
Font Awesome

A highly popular icon font, consisting of 628 icons spread across several categories.

icomoon
Icomoon

A great app to convert icon fonts to SVG icons and sprites. I use it form such a long time.

flaticon
Flaticon

Worlds largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.

iconscout
Iconscout

Carefully crafted icons on 24px grid with 1px stroke available as SVG icons as well as icon-font in line style.

icons8
Icons8

Get free icons for iOS, Material, Windows, and other design styles for web, mobile, and design projects.

xicons
Xicons

Free (do whatever you want) vector icons. Designed by Xicons.studio.

feathericons
Feathericons

Simply beautiful open source icons. It has a collection of 282 premium quality icons.

ionicons
Ionicons

Premium designed icons for use in web, iOS, Android, and desktop apps.

material
Material

Material icons are delightful, beautifully crafted symbols for common actions and items.

Illustrations

undraw
Undraw

Undraw gives you the quality illustrations for your designs with customizable color(s).

humaaans
Humaaans

Mix-&-match illustrations of people with a design library. It’s Free for commercial or personal use.

drawkit
DrawKit

It gives you hand-drawn vector illustration resources & Updated weekly.

freepik
Freepik

Here you can get the huge collection of stunning free editable illustrations.

lukaszadam
Lukaszadam

Here you’ll find MIT licensed SVG illustration images in different shapes & styles.

ouch
Ouch!

Ouch helps creators who don’t draw overcome the lack of quality graphics.

Mockups

anthonyboyd
Anthonyboyd

This is my favourite mockup resource on the internet. I’m using it from the beginning.

mockupworld
Mockupworld

All free Mockups for iPhone, iPad, MacBook, iMac, Apple Watch, Packaging and more!

smartmockups
Smartmockups

The #1 product mockup generator. Create professional mockups right inside your browser.

ls-graphics
ls.graphics

Exclusive and free mockups for your presentations and UI tools.

graphicburger
Graphicburger

Tasty designs made with care for each pixel free for personal & commercial use.

graphberry
Graphberry

Free pixel perfect resources, made with love free for personal & commercial use.

Design Inspiration

dribbble
Dribbble

This is the #1 self-promotion and social networking platform for digital designers and creatives.

behance
Behance

Showcase your work, and get inspired by millions of projects in the worlds largest creative network.

pinterest
Pinterest

Pinterest helps you discover and do what you love. It has more than 320 million monthly active users in the world.

one-page_love
Onepagelove

The ultimate showcase of beautiful One Page websites.

land-book
Land-book

Design gallery with the best and most carefully collected websites.

canva
Canva

Canva is a graphic design platform that allows to create beautiful designs with your team.

Search Engine Optimization

Meta Tags
Metatags.io

With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!

Copyscape
Copyscape

Copyscape software lets you detect duplicate content and check if your text is original.

counting-charecters
Counting Characters

Increase your organic CTR by optimizing your Page Title & Meta Description Length

WSC generator
Sitemap Generator

Google Sitemap Generator is a file containing a list and links to the entire the pages on your website.

Schema Generator
Schema Generator

One of the easiest ways to add Schema’s structured markup to a page is to use JSON-LD.

GEO TAGS
GEO-TAG Generator

Use the Validator at Geo-Tag.de/generator to generate geo-tags for your website.

SEO Site checkup
SEO site Checkup

Search Engine Optimization Made Easy User-friendly analysis and monitoring of your site's SEO

Google tag manager
Google Tag Manager

Google Tag Manager delivers simple, reliable, easily integrated tag management solutions— for free.

Minifier
Minify Code

The tools to minify and beautify JavaScript, CSS and HTML codes

Twitter cards validator
Twitter Card validator

Validate your websites Twitter cards 🐥

Get in touch

Stay connected, stay updated! 🔥

Find me on Kiwismedia Icon Image KiwisMedia Kiwismedia Icon
			Image
Buy a coffee for Pixabuddy
Buy me a Coffee