browser-based dev tools for web development - AI tools

Chrome for Developers offers tools, documentation, and resources, including built-in AI APIs like Gemini Nano, to help developers build, test, and optimize websites and web applications.

• Free

DevTools by CodeBySDE offers 20+ free, professional-grade developer tools including JSON formatting, URL analysis, data conversion, SEO optimization, and more. No sign-up required.

• Free

Live.js is a development tool that automatically refreshes web pages when HTML, CSS, or JavaScript files are modified, eliminating the need for manual browser refreshes during web development.

• Free

Prepros is a web development tool that compiles files, transpiles JavaScript, reloads browsers, and simplifies testing. It supports Sass, Less, Stylus, Tailwind, Pug, and TypeScript.

• Paid

Runno is an open-source interactive code runner that allows developers to execute and test code directly in the browser, created as a passion project by Ben Taylor.

• Free

Liveweave is an online web development environment that provides real-time coding, debugging, and AI-powered assistance for HTML, CSS, and JavaScript projects.

• Free

Devtools Tech is a platform designed for Frontend Engineers to practice coding, enhance skills, and prepare for technical interviews using real-world questions and an integrated development environment.

• Freemium

LocatorJS is a browser extension and library that lets you click on any React, Preact, Solid, Vue, or Svelte component in your browser and immediately open its source code in your IDE, speeding up web development workflow.

• Free

Polypane is a desktop browser designed to help web developers, designers, and teams efficiently build, debug, and test website responsiveness, accessibility, and SEO across multiple devices and viewports.

• Paid
• From 19$

Glitch is a collaborative platform offering an in-browser IDE for building, deploying, and remixing full-stack web applications within a supportive community.

• Freemium
• From 10$

Lisperator.net is Mihai Bazon's personal blog and portfolio showcasing various Common Lisp and web development tools, including SLip, Ymacs, and UglifyJS, with a focus on browser-based Lisp environments and JavaScript utilities.

• Free

Repro is an open-source developer tool that streamlines debugging with replayable bug reports, allowing teams to capture, inspect, and resolve defects efficiently.

• Free

WebSocket Proxy is a specialized tool designed to help developers monitor, inspect, and modify WebSocket traffic in real time for improved debugging and testing.

• Free