Jsbin

JSBin es un playground de JavaScript colaborativo y sandbox de frontend en línea para escribir, ejecutar y depurar código web. Proporciona un editor de código en tiempo real y un entorno integrado que renderiza instantáneamente HTML, CSS y JavaScript con una vista previa en vivo.

La plataforma está diseñada para demostraciones de live coding y programación en pareja, contando con un entorno de transmisión que envía las pulsaciones de teclas y cambios de código a otros usuarios al instante. Admite sincronización en tiempo real para múltiples desarrolladores a través de sesiones en vivo compartidas e incluye una herramienta de transpilación para convertir lenguajes de programación alternativos en formatos web estándar para su ejecución en el navegador.

Las capacidades adicionales incluyen depuración remota de JavaScript, inspección de solicitudes de red y la capacidad de transmitir la salida renderizada a dispositivos externos para pruebas multiplataforma. El sistema también admite el forking de snippets para la gestión de versiones y proporciona opciones para exportar estados de proyectos a proveedores de alojamiento externos.

Features

Real-Time Collaborative Editing - Enables multiple developers to write and edit JavaScript code simultaneously through shared live sessions.
Editor Live Previews - Executes code as it is written and displays a live preview of the resulting output for immediate visual feedback.
Language Transpilers - Converts source code from alternative languages into browser-compatible formats for immediate execution.
Real-time Collaborative Editors - Synchronizes code changes across multiple connected users instantly for collaborative development and debugging.
Code Editors - Provides a shared editing space for multiple developers to modify source code simultaneously with syntax awareness.
Frontend Prototyping - Allows quickly writing and rendering HTML, CSS, and JavaScript to preview projects without local setup.
Broadcasting Environments - Ships a broadcasting environment for streaming keystrokes and code changes for educational purposes.
Code Execution Sandboxes - Renders written code within an isolated iframe sandbox to prevent scripts from crashing the main application.
Source-to-JavaScript Transpilers - Translates alternative programming languages into standard web formats for immediate execution in the browser.
On-the-Fly Module Transpilers - Converts non-standard languages into executable JavaScript directly in the browser for immediate runtime use.
Operational Transformation Sync - Implements operational transformation to ensure multiple users can edit the same document simultaneously without conflicts.
Code Execution Playgrounds - Provides a web-based environment combining a code editor with real-time execution and multi-user synchronization.
Keystroke Broadcasting - Broadcasts keystrokes and code execution in real time to demonstrate feature logic to others.
Frontend Technology Sandboxes - Provides an interactive environment for instantly rendering HTML, CSS, and JavaScript with a live preview.
WebSocket State Synchronization - Syncs real-time keystrokes and editor states across multiple clients using bidirectional WebSocket communication.
Cross-Device Output Streaming - Streams the rendered output of a code session to external devices for cross-platform testing.
JavaScript and TypeScript Debugging - Provides tools for testing and fixing JavaScript code in a browser while sharing live state with others.
URL State Serialization - Encodes the current state of the code bin into the URL for instant sharing and restoration.
Cross-Device Testing Tools - Allows viewing the rendered output of a web project on different devices to verify cross-platform compatibility.
Development Environments - Collaborates on JavaScript debugging and development.
ES6入门 - Listed in the “ES6入门” section of the Awesome Frontend awesome list.

Historial de estrellas

jsbinjsbin

Name: jsbin/jsbin
Author: jsbin

View on GitHub

4,421 estrellas1,264 forksJavaScriptMIT10 vistasjsbin.com

Jsbin

Features

Real-Time Collaborative Editing - Enables multiple developers to write and edit JavaScript code simultaneously through shared live sessions.
Editor Live Previews - Executes code as it is written and displays a live preview of the resulting output for immediate visual feedback.
Language Transpilers - Converts source code from alternative languages into browser-compatible formats for immediate execution.
Real-time Collaborative Editors - Synchronizes code changes across multiple connected users instantly for collaborative development and debugging.
Code Editors - Provides a shared editing space for multiple developers to modify source code simultaneously with syntax awareness.
Frontend Prototyping - Allows quickly writing and rendering HTML, CSS, and JavaScript to preview projects without local setup.
Broadcasting Environments - Ships a broadcasting environment for streaming keystrokes and code changes for educational purposes.
Code Execution Sandboxes - Renders written code within an isolated iframe sandbox to prevent scripts from crashing the main application.
Source-to-JavaScript Transpilers - Translates alternative programming languages into standard web formats for immediate execution in the browser.
On-the-Fly Module Transpilers - Converts non-standard languages into executable JavaScript directly in the browser for immediate runtime use.
Operational Transformation Sync - Implements operational transformation to ensure multiple users can edit the same document simultaneously without conflicts.
Code Execution Playgrounds - Provides a web-based environment combining a code editor with real-time execution and multi-user synchronization.
Keystroke Broadcasting - Broadcasts keystrokes and code execution in real time to demonstrate feature logic to others.
Frontend Technology Sandboxes - Provides an interactive environment for instantly rendering HTML, CSS, and JavaScript with a live preview.
WebSocket State Synchronization - Syncs real-time keystrokes and editor states across multiple clients using bidirectional WebSocket communication.
Cross-Device Output Streaming - Streams the rendered output of a code session to external devices for cross-platform testing.
JavaScript and TypeScript Debugging - Provides tools for testing and fixing JavaScript code in a browser while sharing live state with others.
URL State Serialization - Encodes the current state of the code bin into the URL for instant sharing and restoration.
Cross-Device Testing Tools - Allows viewing the rendered output of a web project on different devices to verify cross-platform compatibility.
Development Environments - Collaborates on JavaScript debugging and development.
ES6入门 - Listed in the “ES6入门” section of the Awesome Frontend awesome list.

Alternativas open-source a Jsbin

Proyectos open-source similares, clasificados según cuántas características comparten con Jsbin.

vanila-io/wireflow
vanila-io/wireflow
4,154Ver en GitHub
Wireflow is a real-time collaborative flowchart tool and visual mapping application. It provides a shared digital canvas where multiple users can simultaneously design diagrams, map user flows, and create process maps. The application uses an operational transformation engine to resolve conflicting edits and maintain a consistent state across all users. A vector-based renderer ensures that flowchart elements remain sharp at any zoom level, while a WebSocket synchronization layer broadcasts canvas updates and cursor movements instantly between clients. The project is delivered as a containeri
JavaScript
Ver en GitHub4,154
spacedeck/spacedeck-open
spacedeck/spacedeck-open
1,129Ver en GitHub
Spacedeck is a web-based collaborative whiteboard platform that provides an infinite canvas for real-time visual brainstorming and project management. It enables multiple participants to interact simultaneously within a shared workspace, synchronizing drawing, writing, and media placement across browser-based interfaces. The platform distinguishes itself through a container-native deployment model and a plugin-based storage abstraction, allowing users to manage their own infrastructure while connecting to local file systems, cloud object storage, or relational databases. It maintains document
JavaScript
Ver en GitHub1,129
baserow/baserow
baserow/baserow
4,188Ver en GitHub
Baserow is a self-hosted, no-code relational database platform built on PostgreSQL. It provides a spreadsheet-like interface for structuring and managing data without writing code, while exposing all database resources via a REST API to support headless architectures. The platform distinguishes itself by integrating large language models and embedding servers to power AI assistants and automated data generation. It further extends its utility as a no-code application builder, allowing users to create custom internal portals, dashboards, and business tools using visual logic and managed data.
Pythonairtableairtable-alternativeairtable-replacement
Ver en GitHub4,188
ekzhang/rustpad
ekzhang/rustpad
4,041Ver en GitHub
Rustpad is a self-hosted collaborative text editor and code environment. It functions as a containerized web application that uses an operational transformation engine to synchronize text changes across multiple browser clients in real time. The system is designed for database-free document synchronization, allowing users to host private environments for sharing code snippets without external database dependencies. It supports ephemeral document hosting, where shared spaces are automatically removed from memory after a period of inactivity. The application manages data through an in-memory d
Rustasynccode-editorcollaborative-editing
Ver en GitHub4,041

Ver las 30 alternativas a Jsbin

Preguntas frecuentes

¿Qué hace jsbin/jsbin?

¿Cuáles son las características principales de jsbin/jsbin?

Las características principales de jsbin/jsbin son: Real-Time Collaborative Editing, Editor Live Previews, Language Transpilers, Real-time Collaborative Editors, Code Editors, Frontend Prototyping, Broadcasting Environments, Code Execution Sandboxes.

¿Qué alternativas de código abierto existen para jsbin/jsbin?

Las alternativas de código abierto para jsbin/jsbin incluyen: spacedeck/spacedeck-open — Spacedeck is a web-based collaborative whiteboard platform that provides an infinite canvas for real-time visual… vanila-io/wireflow — Wireflow is a real-time collaborative flowchart tool and visual mapping application. It provides a shared digital… baserow/baserow — Baserow is a self-hosted, no-code relational database platform built on PostgreSQL. It provides a spreadsheet-like… ekzhang/rustpad — Rustpad is a self-hosted collaborative text editor and code environment. It functions as a containerized web… nraiden/openv0 — Openv0 is an AI-driven UI prototyping tool and component generator. It uses large language models to create user… onlyoffice/documentserver — ONLYOFFICE DocumentServer is a self-hosted online office suite that provides browser-based document, spreadsheet, and…