your logo goes hereYour Logo

The best web design resources for UI designers

This Entrypage contains links to the best web design resources and tools. It's a must have for any UI designer covering photos, illustration libraries, icon sets, fonts, design inspiration, box shadow generators and more. Most of these design tools are free to use and will help web designers design faster with better final website designs.

Create your own Entrypage

Get started

SVG Backgrounds

Customize & apply svg backgrounds to your website fast. The tool lets you select and customise background designs and export the svg and css for use in your Figma, Sketch or Adobe XD file or directly on your website.

Smooth shadows

Make the best, and smoothest, CSS box shadows.

SVG Blob Maker

Beautiful SVG blobs for your website.

SVG Artista

Easily animate SVGs and export the code to use on your website.

Shapefest

Over 160,000 3D png images for use in your web design projects.

SVG Shape Dividers

Export SVG shape dividers for your website.

RemoveBG

Remove backgrounds from photos. No deep etching required :-)

Magic Pattern

Beautiful pure CSS background patterns

Photos - Unsplash

High quality freely usable images.

Photos - Pexels

Large repository of royalty free photos.

Photos - Stocksy

Authentic stock photography and footage.

Photos - Burst

Free high res images.

Illustration - Streamline

Over 9,000 free illustrations.

Illustration - Blush

Like Canva but for illustrations. Simply click to change illustrations!

Illustration - Illustrations

120 free illustrations to incorporate into your designs or use as icons.

Illustration - Craftwork

Large choice of free & paid modern web illustrations.

Icons - The Noun Project

Any icon you've ever needed. Free & paid. The Noun Project is a design marketplace for buying and selling icons. Whatever your need you'll find the right icon here.

Icons - Feather

Simply beautiful open source icons. These are free to use and there 286 icons to choose from.

Icons - Streamline

The world’s largest icon pack. Feature free and paid tiers this icon set has 100,000 icons, illustrations and emojis ensuring you'll have every icon you'll ever need, regardless of what the web design project is.

Icons - Hero Icons

Beautiful hand-crafted SVG icons from the makers of Tailwind CSS. Use it directly in your code or download the Figma file for use in your mockups.

Inspiration - Awwwards

The awards of design, creativity and innovation on the internet

Inspiration - Dribbble

The leading destination to find & showcase creative work.

Inspiration - UI Jar

Handpicked design inspiration for your real life projects.

Inspiration - Webflow

Responsive website templates for designers, businesses, and personal use.

Color - Hue

An open source toolbox for colors. Mix, blend, convert, modify or inspect colors.

Color - ColorSpace

Find the perfect color palette.

Color - Eva Design System

Deep learning color generator.

Color - Coolers

The super fast color schemes generator!

Color - Leonardo

Contrast-based color generator.

Color - Adobe

The Adobe color wheel and palette.

Color - Canva

Palette ideas generated from photos.

Font - Type Scale

Generate correctly scaled font sizes.