Open-source alternatives to React Live

This project provides an interactive notebook environment designed for executing C# code alongside instructional text. It functions as a platform for data science and programming education, allowing users to manipulate tabular data, visualize statistical results, and prototype machine learning workflows within a unified document format. The environment utilizes a kernel-based execution model that maintains persistent state and variable scope across notebook cells. By leveraging a language-agnostic protocol and standardized messaging, it synchronizes code execution between the editor and the b

React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.

Playroom is a frontend design system tool and JSX component sandbox. It functions as a UI component workbench and TypeScript-aware prototyper, allowing developers to design and test user interfaces within a live, interactive environment. The project enables visual testing by rendering the same component across multiple themes, screen sizes, and property configurations simultaneously. It provides a mechanism for interactive style guides and design system documentation, where components can be prototyped using an existing library and exported as a distributable sandbox. The workbench includes

Home Assistant is a local home automation platform and server that acts as an IoT device orchestrator. It integrates diverse smart home hardware by wrapping third-party APIs into a standardized logic layer and stores all system state and historical statistics on local hardware to eliminate cloud dependencies. The system functions as a Matter IoT controller and an MQTT home automation bridge, allowing for local interoperability between different manufacturers. It features a state-based entity model and an internal event bus that decouple physical device logic from system automation. The platf

react-pxq is a React Redux boilerplate and state-driven UI framework designed for building single-page applications. It functions as a starter project template that combines a client-side routing system with global state management to synchronize data across a component hierarchy. The project implements a code-split web application architecture that uses lazy loading to reduce initial bundle sizes. It integrates a navigation system that maps URL paths to components without triggering full page reloads. The framework covers centralized state management through a global store and action-based

This is the comprehensive documentation website for the Vue 2 progressive JavaScript framework. It serves as a technical reference and development guide for building reactive user interfaces and single-page applications. The site provides a detailed JavaScript API reference and a web component directory. It covers the implementation of component-based architectures, reactive state management, and the use of a virtual DOM to synchronize application state with the browser. The documentation details capabilities including client-side routing, declarative DOM manipulation, and frontend build opt

Messenger is a toast notification library and asynchronous request monitor designed for web applications. It provides a system for displaying non-blocking alert messages and growl-style notifications, as well as tools for tracking the progress of network calls to trigger automated success or failure alerts. The library features an interactive alert system that embeds actionable buttons within notifications, allowing users to respond to events directly from the alert without leaving their current screen. The project manages user interface feedback through queue-based message dispatching and d

Reactide is the first dedicated IDE for React web application development.

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

Babel is a pluggable JavaScript compiler and transpiler that converts modern ECMAScript syntax into backwards-compatible versions of the language. It functions as an abstract syntax tree manipulator, parsing source code into a hierarchical structure to traverse and modify nodes for custom code transformations. The system utilizes a plugin-driven architecture to apply specific transformation rules and supports presets that bundle multiple plugins into named configuration groups. This enables the transformation of experimental syntax and the injection of non-global polyfills to ensure consisten

RoslynPad is a browser-based C# integrated development environment and interactive playground. It serves as a tool for writing and executing C# code snippets and scripts using the Roslyn compiler for immediate feedback. The environment features an integrated NuGet package manager that allows users to search for and load external .NET library assemblies into a live execution context. It functions as an in-process code executor to minimize startup latency and maintain state across script executions. The platform provides real-time semantic analysis and diagnostic feedback, offering code comple

Runestone is a web-based code editor component and rendering engine designed for browser-based text editing. It functions as a customizable interface that handles the visual representation of code, including line numbering, indentation, and line wrapping. The project features a rule-based syntax highlighting engine that applies colors to text ranges based on language grammar definitions. It also includes a regex-based text search engine that locates specific patterns and applies visual highlights to matching character offsets. The editor manages text input through automatic character pairing

VSCodium provides free, open-source binaries of the Visual Studio Code editor. It serves as a telemetry-free development environment, utilizing automated build pipelines to strip proprietary tracking and data collection components from the source code before generating ready-to-use installation artifacts. The project distinguishes itself by decoupling the editor from proprietary marketplaces, defaulting instead to the community-driven Open VSX Registry for plugin management. It maintains environment isolation through custom configuration logic, such as using independent registry paths for sys

Notepad++ is a high-performance, lightweight source code editor designed for local development on Windows. Built as a native desktop application, it utilizes a specialized editing component to manage text buffers and render syntax highlighting for large files with minimal resource overhead. The editor distinguishes itself through a robust plugin architecture that allows users to extend core functionality by loading external binary modules at runtime. It also provides extensive support for custom language definitions, enabling users to map unique syntax rules and keywords to the rendering engi

Pry is a programmable Ruby shell, REPL console, and runtime developer environment. It serves as a debugging toolkit for inspecting object state, navigating bindings, and evaluating code within a running Ruby program. The project differentiates itself through advanced introspection and live iteration capabilities. It allows users to inject an interactive console into a running program at specific points to inspect local state and navigate different object scopes. It further enables live code iteration by integrating with external system editors to modify and reload method definitions without r

The Book of Shaders is an interactive educational guide and curriculum for learning GLSL fragment shader programming to create procedural graphics and visual effects. It provides a structured learning path and a categorized reference guide for data types, built-in functions, and mathematical operations used in shader development. The project features a web-based shader sandbox and interactive editor that allows for real-time iteration and visualization of GLSL code. Users can experiment with procedural art and share their results via unique URLs. The curriculum covers a wide range of graphic

This project is a command-line tool and build toolchain used to bootstrap React web applications. It serves as a project bootstrapper and single-page application scaffold, providing a pre-configured development environment, folder structure, and build pipeline. The toolchain integrates a frontend development server with live reloading and error overlays to accelerate the iterative coding process. It handles production asset bundling by minifying code and generating hashed assets for deployment, and it includes a configuration suite for generating the service workers and web manifests required

Sucrase is a high-speed transpilation tool that compiles modern JavaScript, TypeScript, JSX, and Flow to standard JavaScript for modern runtimes. It operates as a fast alternative to Babel, using a single-pass scanner and tokenizer that strips type annotations and applies only requested syntax transforms without building an AST or performing type checking. The tool differentiates itself through a zero-type-checking pipeline that omits type checking entirely, relying on the assumption that input code is already valid for the target runtime. It uses scanner-based tokenization and single-pass co

Poi is an extensible, zero-configuration module bundler and asset compiler for modern frontend development. It functions as a build system that transforms JavaScript, JSX, and CSS into browser-compatible files and combines them into single packages for web delivery. The tool is built around a plugin architecture that allows for custom extensions to the build pipeline and the addition of specialized asset processing logic. It employs a convention-based mapping system to automate build settings and target outputs without the need for manual configuration files. The project covers a broad range

Rollup is an ES module bundler and JavaScript module transpiler. It functions as a build tool that combines JavaScript modules into optimized files and converts modern JavaScript and JSX into various output formats for different runtime environments. The project is distinguished by its static-analysis tree shaking engine, which removes unused code and dead exports to minimize bundle size. It also acts as a code splitting orchestrator, partitioning modules into separate chunks to optimize network requests and load times. The tool provides a hook-based plugin system for extending build logic,

KodExplorer is a web-based file manager and remote server administration tool that provides a desktop-like interface for organizing and managing files in a browser. It functions as an enterprise file sharing platform and an online document previewer, allowing users to view hundreds of file formats without local software installations. The system is distinguished by a plugin-based API gateway that exposes RESTful endpoints for third-party integrations and custom functional extensions. It also includes a browser-based code editor with syntax highlighting and autocomplete for over 120 languages,

CodeMirror is a browser-based code editor framework and modular extension system used to embed full-featured text editors into web pages. It functions as a syntax tree parsing engine and a language server protocol client, enabling structural language analysis and deep integration with external programming language services. The project is distinguished by its modular architecture, which uses a system of extensions and compartments for dynamic reconfiguration at runtime. It supports real-time collaborative editing and state synchronization through an operational transformation framework, allow

jscamp is a full-stack web development and education project focused on mastering JavaScript, TypeScript, and AI integration. It provides a structured curriculum and interactive exercises covering language fundamentals, frontend engineering, and backend API development. The project distinguishes itself through the implementation of autonomous AI agents capable of complex task automation, such as modifying files, managing servers, and executing API calls. It includes advanced AI development tools for conversational querying, real-time code suggestions, and automated repository analysis to gene

preact-cli is a command line interface and build pipeline for initializing, developing, and deploying Preact applications. It functions as a project scaffolding tool that uses predefined templates to generate the necessary directory structures and boilerplate for new web applications. The tool provides specialized capabilities for creating progressive web apps by generating service workers and caching strategies for offline functionality. It also includes a static site pre-renderer that converts application routes into HTML files during the build process to improve search engine visibility an

jsfuck is an esoteric programming language and JavaScript source obfuscator. It functions as a code encoder that transforms standard JavaScript source code into a functional equivalent composed of a minimal character set. The project restricts its source code to six specific characters to hide logic and bypass security filters that block standard alphanumeric characters. It achieves this by using type coercion to derive symbols and accessing internal language objects through prototype manipulation. The system enables arbitrary JavaScript execution by converting strings into executable functi

Tiny File Manager is a single-script PHP file manager that provides a complete web-based interface for browsing, uploading, editing, and managing files and folders on a server. All functionality is contained in one PHP file with no external dependencies beyond the web server, using constant-based configuration and session authentication for access control. The file manager distinguishes itself through a built-in browser-based code editor with syntax highlighting for over 150 programming languages, an embedded document preview proxy that displays office documents and PDFs through Google or Mic

babel-loader is a webpack plugin that integrates the Babel compiler into a module bundling workflow. It serves as a bridge that allows modern JavaScript to be transpiled into backward-compatible versions during the build process. The project optimizes bundle sizes by replacing duplicated helper functions with references to a shared external runtime. To accelerate subsequent compilation cycles, it utilizes a filesystem-based cache to store processed files and avoid redundant transpilation. The loader supports environment-specific configuration mapping and target configurations to apply differ