Tools for web designers
Websites I gathered over the 1 year I have been doing web design, mostly free, some are paid - hope it helps.
Want me to add your favorite to the list? Contact me.
WEBFLOW
Finsweet - client first, class naming framework - finsweet.com/client-first - must have for all serious Webflow devs
Relume library - prebuilt components from Relume - library.relume.io
Tile bit component library - for webflow, figma, framer - tilebit.io
.
CHROME EXTENSIONS
Go full page - screen print entire website page - save as PDF or JPG - chrome.google.com/gofullpage
What font - font inspector - gives you font name, weight, height, color - chrome.google.com/whatfont
Built With - see what CMS a website is built in - chrome.google.com/builtwith
Headings Map - see any websites heading structure - check for proper structure - chrome.google.com/headingsmap
Detailed SEO - shows title tags, meta description & more - chrome.google.com/detailedseo
Finsweet for Webflow - adds lots of finctionality into your Webflow designer- chrome.google.com/finsweet
.
WEBSITE INSPIRATION
Godly - godly.website
Awwwards - awwwards.com
Siteinspire - siteinspire.com
Bestwebsite.gallery - bestwebsite.gallery
Onepagelove - onepagelove.com
Uijar - uijar.com
Cssdesignawards - cssdesignawards.com
io3000 - JPN - io3000.com
Minimal.gallery - minimal.gallery
Httpster - httpster.net
Reeoo - reeoo.com
Muz li - muz.li
The FWA - thewfa.com
Land book - land-book.com
.
TYPOGRAPHY
LIBRARIES
Google fonts - fonts.google.com
Adobe fonts - fonts.adobe.com
Fontshare - fontshare.com
Typewolf - typewolf.com
Frerejones - frerejones.com
Fontesk - fontesk.com
Youworkforthem - youworkforthem.com
Typescale - scale your headings and body text - typescale.com
Font brief - pick a font based on criteria - fontbrief.com
FONT PAIRING
Font pair - fontpair.co
Font joy - fontjoy.com
Mono type - monotype.com
COLORS
Coolors - color palete generator - check contrast ratio - colors from an image - coolors.co
UI colors Tailwind CSS - uicolors.app/create
Realtime colors - realtimecolors.com - website design color and font
HueMint - huemint.com
COLOR CONTRAST
Color contrast checker - colourcontrast.cc
Khroma - khroma.co
Colormind - colormind.io
Colorhunt - colorhunt.co
Random color - webfx.com
Palette maker - palettemaker.com
.
RANDOM
Image compression - compressor.io
Background remover - picwish.com
JPG to WEBP image convertor - convertio.co
Background remover - remove.bg
Lorem ipsum generator - loremipsum.io
Image editor - befunky.com
Freelogodesign - freelogodesign.com
Name generator - namelix.com
Brand Style Guide - brandstyleguides.com
.
ICONS
Phosphor icons - phosphoricons.com
Relume icons - icons.relume.io
Icon Finder - iconfinder.com
Icon Sax - iconsax.io
.
IMAGE GALERIES
Unsplash - unsplash.com
Pexels - pexels.com
Pixabay - pixabay.com
Freepik - freepik.com
Kaboompics - kaboompics.com
Freeimages - freeimages.com
Burst shopify - burst.shopify.com
Stock vault - stockvault.net
Icons8 - icons8.com
Open verse - openverse.org
VIDEO GALERIES
Coverr - coverr.co
Pexels - pexels.com/video
.
SEO
Semrush - anything SEO - keyword research, content writer & more - semrush.com
Ahrefs - similar to Semrush - ahrefs.com
Ubbersuggest - similar to Semrush - you get 3 free searches a day - neilpatel.com/ubersuggest
Asnwer the public - type in your keyword and see related searches - answerthepublic.com
Screaming Frog SEO spider - Free software for SEO - screamingfrog.co.uk
SEO review tools - keyword density checker - seoreviewtools.com
Keyword tool - keywordtool.io
Free keyword search volume - searchvolume.io
.
WEBSITE AUDITING
Website speed by Google - pagespeed
Mobile friendly - mobilefriendly
Web accesibikity - wave
GT Metrix - gtmetrix.com
Pingdom website speed test - tools.pingdom.com
Broken link checker - test your entire site in few seconds for broken links - deadlinkchecker.com
WEB DEVELOPMENT
Free stuff dev - freestuff.dev