Open-source alternatives to Vscode Browser Preview

JSBin is a collaborative JavaScript playground and online frontend sandbox for writing, executing, and debugging web code. It provides a real-time code editor and an integrated environment that instantly renders HTML, CSS, and JavaScript with a live preview. The platform is designed for live coding demonstrations and pair programming, featuring a broadcasting environment that transmits keystrokes and code changes to other users instantly. It supports real-time synchronization for multiple developers through shared live sessions and includes a transpilation tool to convert alternative programm

This project is a Node.js library and browser automation framework that provides a JavaScript interface for the Chrome DevTools Protocol. It functions as a headless browser controller, enabling the programmatic management of browser targets, the execution of scripts, and the monitoring of network activity via WebSocket connections. The interface includes an interactive shell and REPL for real-time command execution and event binding. It also provides utilities for retrieving protocol descriptors and inspecting embedded documentation to identify available commands and parameter types. The lib

This project is an MCP browser automation server that connects large language models to headless cloud browsers. It functions as an autonomous web workflow engine and an LLM web agent interface, enabling the translation of natural language instructions into browser actions and structured data retrieval. The system distinguishes itself through a managed headless browser cloud API that supports concurrent Chromium sessions with integrated stealth modes, CAPTCHA solving, and proxy traffic routing. It utilizes self-healing element selection to maintain automation resilience when page structures c

This project is a Go language extension for VS Code that provides a comprehensive development environment through a language server client, a debugging interface, and a test automation runner. It integrates language intelligence, formatting, and debugging capabilities to support the full Go language development lifecycle. The extension distinguishes itself by managing the Go toolchain, including the installation and configuration of external binaries required for language features. It also features a dedicated test automation interface that allows for the generation of unit test skeletons and

Openv0 is an AI-driven UI prototyping tool and component generator. It uses large language models to create user interface elements, providing a live preview feedback loop for immediate visual iteration. The system operates as a generative frontend pipeline, utilizing a modular sequence of plugins to orchestrate the creation of UI assets. This architecture allows for the integration of custom UI frameworks, external libraries, and icon sets to expand the range of available visual components. The tool covers frontend component prototyping and generative asset pipelines. It supports project bo

Browsershot is a PHP library that serves as a Puppeteer browser wrapper to convert HTML and URLs into PDFs, images, or strings using a headless Chrome browser. It functions as a tool for transforming web content into visual media or extracting the final rendered DOM state of a page. The library enables the automation of browser rendering to generate PDFs and screenshots from web pages. It can retrieve the final rendered HTML markup after all client-side JavaScript execution is complete and can capture a full audit of network requests triggered during the page load process. The system include

✍ It has never been so easy to document your things!

This project is a LinkedIn data scraper and professional profile extractor designed to collect information from professional networking sites. It functions as a headless browser scraper that extracts professional profiles, company details, and job listings using automated browser sessions. The tool includes a session manager that saves and loads authentication cookies to maintain persistent access to protected profiles. It employs configurable browser settings and user-agent mimicry to simulate human activity and bypass bot detection. Data extraction capabilities cover person profiles, compa

This project is a specialized browser debugging interface designed to monitor DOM elements, network traffic, and JavaScript execution. It provides a client-side user interface for inspecting and debugging web applications, allowing for the real-time modification of CSS styles and the investigation of the JavaScript runtime. The toolkit includes dedicated analysis tools for WebAssembly, featuring disassembly highlighting, scope inspection, and binary execution profiling. It also provides a network traffic inspector for analyzing HTTP requests and a CSS style editor for testing properties and a

Ember Inspector is a browser extension and developer tool that adds a dedicated debugging tab to standard web browser developer tools for examining running web applications built with Ember. It extracts and serialises live application objects, component trees, and data stores into an inspection interface, providing visibility into internal application state, services, and component hierarchies. In addition to traditional extension packaging for major web browsers, the tool supports dynamic script injection through a saved bookmarklet snippet. This bookmarklet loader enables the debugging inte

Editor.md is an embeddable Markdown editor component for web applications that provides a real-time, dual-pane live preview alongside the raw source as the user types. It is designed as a plugin-based Markdown editor with a plugin architecture for extending functionality through custom modules, and it supports rendering LaTeX mathematical expressions using KaTeX as well as converting flowchart and sequence diagram syntax into visual diagrams within the preview. The editor distinguishes itself through its plugin-based extension system, which allows loading additional functionality through exte

Brackets is an extensible JavaScript IDE and front-end code editor specifically designed for authoring HTML, CSS, and JavaScript. It serves as a web development text editor that provides a specialized environment for building websites. The editor is distinguished by its live preview capabilities, which render code changes in a browser in real time for immediate visual feedback. It further supports front-end workflows through inline style editing and the ability to synchronize code changes across multiple browser windows for cross-browser testing. The project includes a wide range of developm

Stealth is a distributed automation engine designed for headless browser orchestration, web scraping, and decentralized network coordination. It functions as a peer-to-peer framework that enables multiple nodes to align automated tasks, share cached web resources, and route traffic through a decentralized proxy architecture. By abstracting the underlying browser implementation, the project provides a unified interface for executing navigation and data extraction workflows across diverse environments. The platform distinguishes itself through its ability to synchronize browser sessions and aut

This extension provides a collection of visual themes for the editor, allowing users to apply custom color palettes and semantic highlighting rules to the interface. It functions as a comprehensive personalization tool that modifies the workspace aesthetic through structured theme definitions and automated synchronization. Beyond standard color adjustments, the extension enables the integration of custom background wallpapers and decorative character stickers. It includes utilities for overriding default interface images and modifying status bar labels, providing granular control over the vis

This project is a comprehensive JavaScript programming tutorial and frontend web development curriculum. It serves as a structured educational resource for learning the JavaScript language, ranging from basic syntax to advanced asynchronous patterns and modern programming techniques. The resource functions as a frontend engineering textbook and CSS layout guide, providing detailed instructional material on building responsive user interfaces. It covers the design of custom web components and the application of styles and positioning to create effective frontend interfaces. The curriculum enc

Browserless is a service-oriented platform designed for remote browser automation and headless execution. It provides a distributed infrastructure that manages browser sessions through containerized isolation, allowing users to execute scripts and interact with web content without maintaining local browser state or infrastructure. The platform functions as a remote API and WebSocket-based control layer, enabling stateless HTTP requests for tasks like document generation and real-time browser interaction. It incorporates proxy-based routing to manage traffic signatures and supports the integra

OpenVSCode Server is an open-source project that runs the full Visual Studio Code editor as a web application served from a remote server, enabling development through any browser without local installation. It provides a browser-based IDE that combines containerized development environments, remote file system access, and server-side process management to deliver a complete remote development experience. The project supports the standard VS Code extension model, allowing plugins to add languages, debuggers, and tools without modification. It maintains real-time bidirectional communication be

AnyCrawl is an AI-powered data extractor, automated web crawler, and headless browser orchestrator. It serves as a web content extraction API and a gateway that connects crawling and scraping tools to language models using a standardized API protocol. The project specializes in converting unstructured website content into structured JSON or markdown optimized for AI assistants. It utilizes language models and JSON schemas to pull specific information into validated formats and provides capabilities for AI page summarization and LLM-optimized content extraction. The system manages comprehensi

Lighthouse CI is a continuous integration tool designed to automate web audits and detect performance, accessibility, and SEO regressions between code commits. It functions as a web performance regression suite that enforces resource budgets and runs automated quality checks during the software development lifecycle. The system distinguishes itself through the ability to block code merges if performance metrics fall below defined quality thresholds. It provides mechanisms for commit-to-commit comparison and cross-version site analysis to pinpoint specific resource improvements or regressions.

This is a Visual Studio Code extension that provides framework-specific IntelliSense for Laravel projects. It acts as a project metadata provider, scanning PHP files and extracting application state to offer intelligent autocomplete for routes, views, configuration keys, and model attributes. The tool includes a specialized suggestion engine for Blade templates, providing autocomplete for directives, sections, and stacks. It supports containerized development by routing commands through virtual environments or custom paths to ensure metadata is accurately extracted from isolated project direc

Ayu is a collection of color themes for the VS Code editor. It provides a set of visual interface themes designed to customize the editor's background, foreground, and UI accents. The project features three distinct color schemes: light, dark, and mirage. These variants allow for adaptive switching between different lighting environments to maintain visual comfort. The theme covers syntax highlighting for code elements, interface customization for panels and titlebars, and typography overrides. It also includes a companion library of custom file icons to improve file type recognition and nav

This project is a collection of themes, layout customizers, and automated installers for Visual Studio Code designed to create a dark-mode workspace aesthetic. It provides a set of dark color palettes and syntax highlighting configurations alongside a CSS UI customizer for modifying the editor's internal interface elements. The toolkit enables a modern visual design characterized by deep dark backgrounds, floating glass-effect panels, and rounded interface geometries. It utilizes custom stylesheets to alter panel radii, gaps, and sidebar margins, while adding interactive animations such as ho

This project is a frontend development tutorial and web programming educational resource. It serves as a structured JavaScript web development course and a step-by-step guide designed to teach the core technologies used to create interactive and modern user interfaces. The curriculum focuses on mastering the combination of HTML, CSS, and JavaScript through a series of exercises and projects. It covers frontend development training and JavaScript programming education to help users learn modern web development standards. The material covers the construction of interactive websites, front end

vue-i18n-ally is a VS Code extension and translation manager designed to handle internationalization and localization workflows within Vue projects. It provides a set of developer-facing tools to extract, edit, and organize translation keys and values directly within the editor. The tool features an in-editor interface that displays translation values inline next to their keys and allows for direct modification of those values without switching between source code and locale files. It includes a localization quality auditor to detect missing translation keys and identifies hardcoded strings t

chromedp is a browser automation framework and driver that controls web browsers via the Chrome DevTools Protocol. It functions as a headless browser automation tool and web browser controller, enabling the programmatic management of browser sessions, targets, and network responses through a remote debugging interface. The project provides specialized capabilities for Chrome DevTools Protocol automation, including headless browser testing, web scraping and data extraction, and mobile device emulation. It also supports browser-based visual regression by capturing precise screenshots of web pag

gstack is an AI agent framework and development workflow system designed to automate the software development lifecycle. It coordinates specialized AI personas to manage tasks across product design, engineering management, and quality assurance, transforming product intent into technical specifications and final releases. The project is distinguished by its deep integration of headless browser automation and semantic code memory. It utilizes a persistent Chromium daemon for web scraping and visual auditing, and implements a searchable knowledge base that logs architectural decisions and repos

Puppeteer is a JavaScript library for programmatically controlling Chrome and Firefox through the Chrome DevTools Protocol or the WebDriver BiDi protocol. It launches and manages browser instances—typically without a visible user interface—to automate interactions with web pages, enabling navigation, clicking, typing, and data extraction entirely through code. The library distinguishes itself through deep integration with the Chromium embedding layer, allowing fine-grained process configuration with custom flags, permissions, and sandbox policies. It maintains multiple concurrent command stre