Free tools for web developers

Browser-based utilities for CSS, accessibility, SEO, and design. No signup, no install — everything runs in your browser.

8 tools 100% free no signup no data sent

ADA / Design

3 tools

Color accessibility checker

Check foreground/background color combinations against WCAG 2.1 AA and AAA. Get pass/fail results and suggested compliant colors.

wcag · contrast · ada

Web-safe font tester

Preview all web-safe fonts at any size, weight, and color. Test readability and accessibility of system fonts across different contexts.

typography · fonts · ada

Font pairing suggester

Discover beautiful heading and body font pairings from curated Google Fonts combinations. Preview live with your own text.

typography · google fonts · design

CSS Tools

3 tools

CSS gradient generator

Build linear and radial CSS gradients visually with multiple color stops, adjustable angles, and instant copyable CSS output.

css · gradient · background

CSS box-shadow generator

Design layered box shadows with visual controls for offset, blur, spread, and color. Stack multiple shadows and copy the CSS.

css · shadow · ui

CSS unit converter

Convert between px, rem, em, vh, vw, pt and more. Set your base font size and viewport for accurate relative unit conversion.

css · units · responsive

Web / SEO

2 tools

Image hotspot mapper

Draw clickable regions over images and export as SVG, HTML image maps, or JSON. Supports rectangles, polygons, zoom, and undo.

svg · image map · html

Meta tag SEO tester

Analyse any URL's meta tags including Open Graph and Twitter cards. See live search and social previews with an SEO score.

seo · meta · open graph