Get in Touch
Tools and resources icon

Free Online Resources

A collection of some of the best tools and resources to help you build faster, leaner, and more sustainable websites.

Website Carbon & Sustainability

Website Carbon Calculator

CO₂ per page view and green hosting detection.

Visit Website Carbon Calculator →

EcoPing

Tracks site emissions and performance over time.

Visit EcoPing →

Digital Beacon

CO₂ checker with open-source backing.

Visit Digital Beacon →

GreenOps by Greenpixie

Site emissions tracking tool for larger or high-traffic sites.

Visit GreenOps by Greenpixie →

Site Speed & Performance

PageSpeed Insights

Google's standard tool for Core Web Vitals and speed audits.

Visit PageSpeed Insights →

GTmetrix

Waterfall analysis, speed scores, and performance tips.

Visit GTmetrix →

WebPageTest

Deep performance insights, filmstrips and device simulation.

Visit WebPageTest →

Yellow Lab Tools

Detects JS and DOM bloat with a visual report.

Visit Yellow Lab Tools →

SpeedVitals

Performance breakdown by device, region and connection type.

Visit SpeedVitals →

Lighthouse

Performance, SEO and accessibility in Chrome DevTools.

Visit Lighthouse →

Image Optimisation

Squoosh

Compress and convert images in-browser, with AVIF/WEBP.

Visit Squoosh →

TinyPNG / TinyJPG

Drag-and-drop PNG and JPG compression.

Visit TinyPNG / TinyJPG →

CompressJPEG

Batch compression for common image types.

Visit CompressJPEG →

ILoveIMG

Web-based image tools including resizing and compression.

Visit ILoveIMG →

SVGOMG

Optimise SVG files and remove unnecessary markup.

Visit SVGOMG →

EZGIF Optimiser

Reduce the size of animated GIFs.

Visit EZGIF Optimiser →

Fonts & Typography

Google Fonts

Free fonts, but watch file sizes and subsets.

Visit Google Fonts →

Fonts Ninja

Inspect and identify fonts from any site.

Visit Fonts Ninja →

Fontsource

Self-host open source fonts via npm/CDN.

Visit Fontsource →

Google Fonts Helper

Create custom font subsets to reduce weight.

Visit Google Fonts Helper →

Accessibility Testing

WAVE

Visual report on accessibility issues.

Visit WAVE →

axe DevTools

Chrome extension for accessibility analysis.

Visit axe DevTools →

Tota11y

Simple overlay to highlight common accessibility problems.

Visit Tota11y →

Color Contrast Checker

Test text/background contrast for WCAG compliance.

Visit Color Contrast Checker →

UseContrast

Colour contrast and accessibility testing.

Visit UseContrast →

Accessibility Insights

Tools for developers to test and debug accessibility.

Visit Accessibility Insights →

WordPress-Specific Tools

Query Monitor

Debug slow plugins, queries and hooks.

Visit Query Monitor →

Asset CleanUp

Disable unused CSS/JS on specific pages.

Visit Asset CleanUp →

Health Check & Troubleshooting

Site diagnostics and plugin conflict detection.

Visit Health Check & Troubleshooting →

WP Hive Plugin Checker

Plugin impact scoring on performance and memory use.

Visit WP Hive Plugin Checker →

Theme Check

Scan for outdated or bloated theme code.

Visit Theme Check →

CSS & HTML Optimisation

PurgeCSS

Remove unused CSS based on your actual HTML output.

Visit PurgeCSS →

UnCSS Online

Strip unused selectors in a single upload.

Visit UnCSS Online →

DirtyMarkup

Clean, validate and format messy HTML/CSS.

Visit DirtyMarkup →

HTML Minifier

Minify HTML to reduce file size.

Visit HTML Minifier →

JavaScript & Asset Cleanup

JSDelivr

Fast CDN for loading popular libraries.

Visit JSDelivr →

BundlePhobia

Check the size and impact of npm packages before using.

Visit BundlePhobia →

ESLint Playground

Identify bad practices in JavaScript code.

Visit ESLint Playground →

JavaScript Minifier

Reduce JS file size for faster loading.

Visit JavaScript Minifier →

UX & UI Design Tools

Figma Free

Collaborative browser-based design tool.

Visit Figma Free →

Wireframe.cc

Simple, minimalist wireframing tool.

Visit Wireframe.cc →

Coolors

Generate accessible, harmonious colour palettes.

Visit Coolors →

Open Props

Lightweight design tokens using CSS variables.

Visit Open Props →

Icons, SVGs & Patterns

System UIcons

Clean, minimal SVG icon set.

Visit System UIcons →

Heroicons

Free, MIT-licensed SVG icons.

Visit Heroicons →

Feather Icons

Lightweight and highly customisable icon set.

Visit Feather Icons →

SVG Repo

Massive library of free SVGs for web projects.

Visit SVG Repo →

Hero Patterns

Tiled background patterns using SVG.

Visit Hero Patterns →

BGJar

Generate and download SVG backgrounds.

Visit BGJar →

SEO & Content Auditing

Ahrefs Webmaster Tools

Site audits, broken links and keyword reports.

Visit Ahrefs Webmaster Tools →

Google Search Console

Monitor crawlability, indexing and SEO errors.

Visit Google Search Console →

Screaming Frog (Free)

Crawl up to 500 URLs and audit SEO, image sizes, metadata.

Visit Screaming Frog (Free) →

SEO Minion

On-page analysis and SERP preview extension.

Visit SEO Minion →

SERPsim

Simulate and test how your page titles and metas appear in search results.

Visit SERPsim →

Privacy, Tracking & Cookie Checkers

Blacklight Privacy Inspector

Scan your site for third-party trackers and scripts.

Visit Blacklight Privacy Inspector →

Cookiemetrix

Analyse your cookie usage and GDPR compliance.

Visit Cookiemetrix →

Webbkoll by Dataskydd.net

GDPR-focused analysis of data leakage and cookies.

Visit Webbkoll by Dataskydd.net →

2GDPR Scanner

Identifies tracking pixels and third-party scripts.

Visit 2GDPR Scanner →