Item logo image for Codex Dev

Codex Dev

5.0(

2 ratings

)
ExtensionDeveloper Tools3,000 users
Item media 4 (screenshot) for Codex Dev
Item media 1 (screenshot) for Codex Dev
Item media 2 (screenshot) for Codex Dev
Item media 3 (screenshot) for Codex Dev
Item media 4 (screenshot) for Codex Dev
Item media 1 (screenshot) for Codex Dev
Item media 1 (screenshot) for Codex Dev
Item media 2 (screenshot) for Codex Dev
Item media 3 (screenshot) for Codex Dev
Item media 4 (screenshot) for Codex Dev

Overview

Developer's Insight Tool - Responsive viewer, CSS inspector, SEO audit, asset extractor and screenshot capture.

🚀 Codex Dev – The Ultimate Frontend Developer Toolkit Codex Dev is a powerful all-in-one browser extension that combines responsive testing, live HTML/CSS editing, SEO auditing, screenshot capture, and client feedback tools into a single, seamless interface. Bridge the gap between development, debugging, and client deliverables—all without leaving your tab. 🔥 What You Can Do 🖥 Test Multiple Devices Side-by-Side View any website across mobile, tablet, and desktop breakpoints simultaneously with synchronized scrolling. 📸 Advanced Screenshot Capture (NEW) Capture exactly what you need. Take instant visible viewport shots, stitch together full-page scrolls, select custom areas, or precisely crop individual DOM elements. Save as PNG, JPEG, or WEBP. 📌 Client-Friendly Feedback Annotations (NEW) Turn any webpage into an interactive feedback board. Drop pins on specific elements, assign severities (Bug, Suggestion, Question), and write notes. Auto-generate and export a beautiful, non-technical PDF report for clients or PMs—complete with element screenshots, coordinates, and breakpoint data. 📈 Live SEO & Performance Audits (NEW) Run a lightning-fast, local DOM audit to instantly reveal missing meta tags, broken headers, unoptimized images, missing alt text, and accessibility warnings. Get actionable fix instructions instantly. ✏ Live Edit HTML, CSS & Media Queries Modify styles, animations, and layout in real time. 🎯 Inspect Pseudo-Classes & Breakpoints Easily debug :hover, :focus, ::before, complex media queries, and more. 🎨 Visual Editor Style typography, colors, and layout visually without writing code, and see updates instantly. 📦 Export to CodePen Copy full, functional components to CodePen with one click. 🖼 Extract Assets (Even from IFrames) Filter, sort, and download all page assets as a ZIP file instantly. 🔒 100% Local Processing & Secure Everything runs entirely in your browser. No external API calls. No tracking. No analytics. No data collection. 🆓 Completely Free & Open Source Built by developers. For developers.

Details

  • Version
    1.3.0
  • Updated
    June 22, 2026
  • Size
    535KiB
  • Languages
    English
  • Developer
    Email
    himavamsi.kummari@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes
Google apps