explaingit

webhintio/hint

Analysis updated 2026-07-03

3,702TypeScriptAudience · developerComplexity · 3/5LicenseSetup · easy

TLDR

webhint is a customizable website quality checker that scans for accessibility, performance, cross-browser compatibility, and security issues, available as a CLI, browser extension, and VS Code plugin.

Mindmap

mindmap
  root((webhint))
    What it does
      Scans websites
      Checks accessibility
      Cross-browser compat
      Security best practices
    Usage modes
      CLI via npx
      Browser extension
      VS Code plugin
    Tech stack
      TypeScript
      Node.js
      Monorepo npm packages
    Audience
      Web developers
      QA engineers
      DevOps teams
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Run npx hint on any URL to get an instant accessibility and performance report without installing anything permanently

USE CASE 2

Add webhint to a project's CI pipeline to catch browser compatibility and security issues before shipping

USE CASE 3

Use the VS Code extension to see quality hints while you write HTML, CSS, and JavaScript in your editor

USE CASE 4

Build and publish custom hint rules as npm packages to enforce your team's specific quality standards

What is it built with?

TypeScriptNode.jsnpm

How does it compare?

webhintio/hintjkbrzt/rruleqihoo360/wayne
Stars3,7023,7013,703
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasyeasymoderate
Complexity3/52/54/5
Audiencedeveloperdeveloperops devops

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Requires Node.js 14+, fastest path is npx hint <url> with no permanent install needed.

Use freely for any purpose, including commercial, as long as you retain the copyright notice (Apache 2.0).

In plain English

webhint is a tool that scans websites and reports problems with the code, similar to how a spelling checker scans text for errors. It looks specifically at things that matter for website quality: accessibility for people using assistive technologies, page loading speed, cross-browser compatibility, and general best practices around security and standards. Rather than enforcing a single fixed set of rules, it is designed to be customizable so teams can pick which checks apply to their project. It can be used in three ways. From the command line, you can point it at any URL and get a report without installing anything permanently, using a single npx command. There is also a browser extension that lets you analyze a page while you are viewing it, and a VS Code extension that surfaces hints while you are writing code in your editor. All three use the same underlying hint engine. The project is organized as a monorepo, meaning all of the individual components including the CLI, the browser extension, the VS Code extension, the individual hint rules, the output formatters, and the parsers live in one repository and are published as separate npm packages. Contributors working on new hints or other components can build the full project locally using yarn. Getting started requires Node.js version 14 or later. The quickest way to try it is to run npx hint followed by any website address. For a permanent setup in a project, it can be added as a development dependency via npm or yarn and wired into the build script. The source is open under the Apache 2.0 license and the project is part of the OpenJS Foundation.

Copy-paste prompts

Prompt 1
I want to scan my website for accessibility and performance issues using webhint. Show me how to run it with npx hint on my URL and explain the output categories.
Prompt 2
Help me add webhint as a dev dependency to my project and create a .hintrc file that only enables cross-browser compatibility and security rules.
Prompt 3
I want to write a custom webhint hint in TypeScript that checks every HTML image for an alt attribute. Show me the basic file structure and required exports.
Prompt 4
How do I use the webhint VS Code extension to see live hints while editing HTML? Walk me through installing and configuring it in a new project.
Prompt 5
I want to integrate webhint into my GitHub Actions CI workflow so it fails the build when accessibility issues are found. Show me the workflow step.

Frequently asked questions

What is hint?

webhint is a customizable website quality checker that scans for accessibility, performance, cross-browser compatibility, and security issues, available as a CLI, browser extension, and VS Code plugin.

What language is hint written in?

Mainly TypeScript. The stack also includes TypeScript, Node.js, npm.

What license does hint use?

Use freely for any purpose, including commercial, as long as you retain the copyright notice (Apache 2.0).

How hard is hint to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is hint for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub webhintio on gitmyhub

Verify against the repo before relying on details.