Web design Tools

Chances are, whatever you’re looking for, there’s an app for that. We bring you the ones we’ve either tested ourselves or that someone we trust recommends.

HR Productivity and Wellbeing SEO UI/UX Tech Development Web design Management Business Copywriting Sales Marketing Design
Brand Colors
Brand Colors

The biggest collection of official brand color codes around
snipplr
snipplr

Keep your frequently used code snippets in one place

web code tools
web code tools

The best code generators for developers
Landingfolio
Landingfolio

Browse the best landing page designs and get inspired
codepad.co
codepad.co

Place for developers to share code snippets (PHP, Java, Bash, C, C++, Python and more)
littlesnippets.net
littlesnippets.net

Free collection of CSS3/HTML snippets
Angle.sh
Angle.sh

Vector device mockups for Sketch, Figma and XD

Code My UI
Code My UI

Handpicked collection of web design & UI inspiration with code snippets
Codeply
Codeply

Free online editor with dozens of frameworks, starter templates, and over 50,000 code snippets
FlatUI
FlatUI

Create your perfect color palette to use in your designs
css-tricks
css-tricks

Read about CSS, HTML, JavaScript, and everything related to web design and development
ColorPick Eyedropper browser extension
ColorPick Eyedropper browser extension

Zoomed eyedropper & color chooser tool that helps you select color values from webpages
Google Fonts
Google Fonts

Comprehensive collection of Google fonts
Cool Backgrounds
Cool Backgrounds

Collection of tools to create compelling, colorful images for blogs, social media and websites
Webflow
Webflow

Build and launch powerful websites visually without coding
Meshgradient
Meshgradient

Create beautiful gradients right in your browser
haikei
haikei

Generate unique SVG design assets
Ghost
Ghost

Launch your website with a selection of beautiful free themes
Interplay
Interplay

Design systems platform that connects design and code
Flaticon
Flaticon

Free icons and stickers in PNG, SVG, EPS, PSD and CSS formats
Mockplus
Mockplus

Create web app prototypes in a flash, zero code or skills required way
Designmodo
Designmodo

Create your website and email newsletter with simple tools
Typedream
Typedream

The simplest way to build a website with no-code, as easy as writing on Notion
SVG backgrounds
SVG backgrounds

Customize and apply free SVG backgrounds

Wireframe
Wireframe

The simplest way to create wireframes
Fronty
Fronty

Convert your image to HTML CSS
Dev Snap
Dev Snap

Collection of free tools for web developers to help you build amazing products

Hero Patterns
Hero Patterns

A collection of repeatable SVG background patterns for you to use on your web projects
MaterialUI
MaterialUI

Comprehensive suite of UI tools to help you ship new features faster
CodeKit
CodeKit

Dozens of web development tools in one fully-native Mac app
Bootsnipp
Bootsnipp

Design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework
Readymag
Readymag

Simple tool to create a landing page

lolcolors
lolcolors

Your color palette inspiration
BGJar
BGJar

Free svg background generator for your websites, blogs and app
Pattern Monster
Pattern Monster

Customizable SVG patterns for your projects
Creative Tim
Creative Tim

Fully-coded UI tools to create web and mobile apps
Coolors
Coolors

Generate or browse beautiful color combinations for your designs
Awesome fonts
Awesome fonts

Icon library and toolkit beloved by millions of designers, developers, and content creators
Svg Wave
Svg Wave

Easily create SVG waves to use them in your designs