Chrome Extensions
Developer productivity extensions
Quick Guide
Use CodeHelper's tools when you need:
- •Privacy & offline processing
- •No account or signup required
- •Fast, client-side operations
Use external tools when you need:
- •Team collaboration features
- •Cloud storage & synchronization
- •Extensive template libraries
All Tools
WhatFont
The easiest way to identify fonts on web pages.
WhatRuns
Discover what runs a website. Frameworks, Analytics Tools, WordPress Plugins, Fonts - you name it.
Web Developer
Adds a toolbar button with various web developer tools.
Awesome Screenshot & Screen Recorder
Full page screen capture and screen recorder - 2 in 1. Share screencast video instantly.
News for Busy Developers
Get programming news with zero effort. Simply open a new tab, and you’re all set. A must-have tool for busy developers!
JSONView
Validate and view JSON documents.
JSON Lite
Browser extension for viewing JSON files.
Window Resizer
Resize the browser window to emulate various screen resolutions.
Responsive Viewer
Show multiple screens at once — responsive design tester.
BrowserStack
Instantly test your webpage on any desktop or mobile browser.
VisBug
Open-source web design debug tool built with JavaScript.
Kontrast - WCAG Contrast Checker
Quickly check and adjust contrast in real time to meet WCAG 2.1 requirements.
PerfectPixel
Adds a semi-transparent image overlay to perform pixel-perfect comparisons.
Pesticide
Outlines all HTML elements to visualize layout structure — great for debugging.
Site Palette
Grab color palettes from any website.
ColorZilla
Advanced Eyedropper, Color Picker, Gradient Generator and other color tools.
Lorem Ipsum Generator
Quickly create Lorem Ipsum or custom placeholder text.
JavaScript and CSS Code Beautifier
Beautify CSS, JavaScript, and JSON code directly in the browser.
Imageye - Image Downloader
Find and download all images on a web page easily.
GoFullPage - Full Page Screen Capture
Capture an entire web page as a screenshot — simple and reliable.
Stylebot
Change the appearance of any website instantly.
ColorPick Eyedropper
A zoomed eyedropper & color chooser tool.
React Developer Tools
Inspect React component hierarchies in Chrome DevTools.
Wappalyzer
See what technologies any website uses.
Fake Filler
Fills all form fields with dummy data automatically.
Page Ruler Redux
Measure elements on a web page with pixel precision.
Web Editor
Inspect, edit, and restyle any web page visually.
CSSViewer
View CSS properties of any element quickly.
Fonts Ninja
Identify and preview fonts from any website.
Lighthouse
Audit performance, accessibility, and SEO of any site.
Debug CSS
Add outlines to all page elements to debug CSS layout.
Angular Developer Tools
Inspect Angular component states and structure easily.