GLint - Catch Design Issues in the Browser

GLint is a live design linter for the web. It scans any page in real time and highlights design inconsistencies as you browse, so you can catch and fix problems without switching tools or leaving the browser.

Most design review happens after the fact: someone notices a spacing issue in a screenshot, a contrast failure in a ticket, or a font that silently fell back to system defaults. GLint surfaces these issues the moment the page loads, directly on the page where they live.

WHAT IT DETECTS
GLint checks for 13 types of design issues across four categories:

- Color: low contrast text (WCAG AA), low contrast icons, and colors that have drifted from your defined palette.
- Typography: type scale violations, font weight inconsistencies, line height drift, line length exceeding readable limits, and fonts that failed to load and fell back to a system font.
- Layout: spacing values off the scale, border radius inconsistencies, and border width drift.
- Visual: box shadow values that deviate from your design system, and images rendered below their native resolution.

Each flagged element is underlined on the page. Clicking it opens a popup with the specific value, what it should be, and a suggested fix you can apply directly.

HOW IT WORKS
GLint runs entirely in the browser. There is no account required to get started, no data sent to external servers during a scan, and no page reload needed. Just activate it on any page and it gets to work.

Issues are grouped by element and navigable with previous and next controls, so you can step through them one by one. Categories can be toggled on or off if you want to focus on a specific area like contrast or spacing. Issues you want to intentionally leave as-is can be marked as ignored.

When a fix is applied, the element updates live on the page and the issue is marked as resolved with a green underline.

PRO FEATURES
GLint Pro unlocks the tools you need for deeper audits and faster fixes.

- Fix All in One Click: apply every suggested fix across the entire page instantly. Typography, spacing, color drift and more are resolved in a single action.
- Export Full Reports: generate a complete audit report with a breakdown of every issue found, the original and suggested values, and before and after screenshots of each affected element. Useful for sharing findings with a team or documenting design system compliance.
- Design Tokens: connect your design token file to GLint so it can check values against your actual system rather than generic heuristics. Supports W3C DTCG format, Style Dictionary output, and Figma Tokens. When a color or spacing value drifts from a token, GLint shows you the nearest correct token as the fix.

GLint Pro is a one-time purchase with a 30-day money-back guarantee.

WHO IT IS FOR
- Frontend developers who want to verify that a design has been implemented correctly before shipping, or catch regressions introduced by CSS changes.
- UI and UX designers who want to review live builds directly in the browser without relying on manual visual comparisons or waiting for developer feedback.
- Design system teams maintaining consistency across a product, especially when working across multiple contributors or codebases.
- Freelancers and agencies doing design QA before handing off work to clients or before launch.
- Accessibility-focused teams who need a fast way to identify WCAG AA contrast failures across a page without running a separate audit tool.