N°magnifier-libAccessibility Widget2026active
Magnifier
§ Overview
A zero-dependency, cursor-following screen magnifier widget for the web. Built for low-vision accessibility on news sites and other text-heavy pages — drop in a script tag, no build step, no framework required. Canvas-based GPU-accelerated rendering, configurable shapes, keyboard shortcuts and exclusion zones for ads or video players.
§ Install
NPM
npm install a11y-magnifierCDN
<script src="https://cdn.jsdelivr.net/npm/a11y-magnifier/dist/magnifier.global.min.js"></script>§ Stack
TypeScript
Canvas API
tsup
Zero Dependencies
§ Features
What's inside.
01
Cursor-Following
Canvas-based magnifier lens that tracks the mouse in real time.
02
GPU Accelerated
Smooth rendering via hardware-accelerated canvas drawing.
03
Multiple Shapes
Circle, square and rectangle lens shapes.
04
Keyboard Shortcut
Toggle on/off instantly with Alt+M (configurable).
05
Exclusion Zones
Skip magnification over ads, video players or other regions.
06
Zero Dependencies
~11kb minified, drop-in script tag, no framework required.
Next project
HopeVideoJS
View case study