A Minimalistic list of resources for <Frontend Developers/>

Backgrounds

Blob Maker

Make organic SVG shapes for your next design

Waves Generator

Get Waves – Create SVG waves for your project

Gradient Generator

Make and generate beautiful gradients

Custom Shape dividers

Make divs look more beautiful

Fonts

Golden Ratio generator 

Confused between font-sizes and line spacings? This tool is for you.

Random fonts

Discover the perfect font for your next design project

Convert font sizes

Convert font sizes between px,em,rem easily with this tool

Check fonts on Images directly

Upload your images and check how your font will look on it.

Colors

All shades of color

Enter a color code and get all its shades from lightest to darkest.

Pallete Generator

Enter the color code and get the  generated color pallete

Extract colors from Images

Extract HTML colors from any image with this simple online tool

Generate similar colors

In case you didn't like the earleir one :)


Image Manipulation

Placeholder Images

Quickly generate custom placeholder images for your design and development projects

Remove Backgrounds

Remove backgrounds from Images in a click.No need of photoshop.

Extract Images from websites

A free tool to extract, view and download images from websites.

Crop Images online

Online tool for auto-cropping based on the size you need.

Stock Images

Reditt post

Long Resources list

Pixabay

Just another Stock collection :)

Pexels

Just another Stock collection :)

Freepik

Just another Stock collection :)

Inspiration

Dribble

Dribble.com

Behance

Behance.com

UI Movement

UImovement,com

Collection for web developers

Bible for Web-developers

Animations

Animation.css 

Animate.css is a library of ready-to-use animations 

WOW.js

Add animations when scrolling


Complex animations with click and drop

Use  @Keyframe animations online.

Animations on components on web

collection of ready to use CSS animations

Made with by Sahil