30 open-source projects similar to formidablelabs/react-live, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best React Live alternative.
This project is a high-performance compiler written in Rust that transpiles TypeScript and ECMAScript into compatible JavaScript code. It functions as a TypeScript transpiler, a JavaScript minifier, and a JavaScript bundler. The system distinguishes itself through a WebAssembly plugin host that allows the execution of custom transformation rules without modifying the core binary. It also provides specialized compilation for React source code to improve runtime performance and reduce execution overhead. The broader capability surface includes source-to-source compilation, type annotation stri
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
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
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
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
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
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
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
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
vim.wasm is a full port of the Vim editor compiled to WebAssembly that runs entirely in a browser tab. It provides a complete code editing experience with syntax highlighting, text objects, and all standard Vim features, executing natively in the browser through Emscripten compilation. The editor integrates deeply with browser capabilities, including drag-and-drop file opening, system clipboard synchronization for cross-application copy and paste, and IndexedDB-based persistent storage that preserves user configuration and edited files across browser sessions. Files can be loaded from URLs vi
vue-js-modal is a component library for Vue.js applications that provides a system for creating customizable popup overlays, dialog windows, and dynamic content modals. It allows for the runtime injection of custom components and data into overlay windows to present focused content above the primary user interface. The library features draggable UI windows with capabilities for manual positioning and resizing. It is designed as a server-side rendering compatible component, utilizing style extraction to ensure consistent layout and visual appearance during server-side generation. The system c
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,
This repository is a collection of Webpack configuration examples and JavaScript module bundler demonstrations. It provides asset pipeline tutorials and frontend build tool examples focused on resolving dependencies and merging multiple modules into optimized browser files. The project demonstrates how to configure Webpack for transforming JavaScript assets, including the use of loaders and plugins to process JSX, CSS, and images into browser-ready formats. It includes practical examples of code splitting, minification, and environment variable injection. The covered capabilities include fro
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
LightTable is an extensible source code editor and integrated development environment designed as an interactive programming environment. It enables the evaluation of programming language fragments in real time to provide instant feedback on expressions. The workspace functions as a remote execution environment, connecting to and managing external servers to run code within remote processes. It allows for an interactive workflow where users can execute code fragments and track expression values without restarting the environment. The system provides source code editing capabilities, includin
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
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
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
Regexr is a web-based regular expression IDE designed for building, testing, and debugging patterns. It functions as a testing tool to validate expressions against sample text and a learning tool that provides an interactive guide and a built-in cheat sheet for studying syntax. The platform includes a community regex library, which is a searchable repository of user-contributed patterns. This enables the discovery, sharing, and reuse of proven matching logic through a public directory and collaborative sharing links. The tool supports real-time pattern construction with syntax highlighting a
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
Laravel Tinker is an interactive shell that boots the full Laravel application context, allowing you to run PHP code, test models, and experiment with the framework in real time from the command line. It integrates PsySH as its underlying REPL engine, providing features like automatic namespace resolution, command history persistence, and on-demand class loading through Composer's autoloader. The tool handles the full lifecycle of a Laravel console command, from defining input signatures and prompting for missing arguments to executing commands programmatically and queuing them for background