⚡ Utilo
💻 Sección Programar · 50 herramientas dev

Programa en tu navegador, sin instalar nada

Escribe código y ve el resultado al instante con IDEs simulados de JavaScript, Python, SQL, TypeScript y HTML/CSS/JS. Más formateadores, conversores, generadores y chuletas. Gratis y 100 % en local.

Abrir un IDE → Ver las 50 herramientas
🟨 JavaScript🐍 Python🗄️ SQL🔷 TypeScript🧱 HTML/CSS/JS📑 Markdown
50herramientas dev
5lenguajes ejecutables
6IDEs en vivo
100%en tu navegador
IDEs en vivo

Escribe y ejecuta, como en un IDE

Cada lenguaje abre un editor amplio con números de línea, ejecución real y resultado al lado. Todo corre en tu navegador.

const nums = [4,8,15]; const s = nums.reduce((a,b)=>a+b); console.log('Suma:', s);
🟨JavaScriptEjecuta JS y mira la consola→
def fib(n): a, b = 0, 1 for _ in range(n): a,b=b,a+b print([fib(i) for i in ...])
🐍Python 3CPython real con Pyodide→
SELECT nombre, ciudad, edad FROM personas WHERE edad > 28 ORDER BY edad DESC;
🗄️SQLSQLite real con sql.js→
type Usuario = { nombre: string; edad: number; };
🔷TypeScriptTranspila a JavaScript al vuelo→
<h1>¡Hola, Utilo! 👋</h1> <button id="b">Púlsame</button> <p id="msg"></p>
🧱HTML · CSS · JSEditor en vivo con vista previa→
# Título ## Subtítulo - lista con **negrita** [enlace](url)
📑MarkdownVista previa y HTML al vuelo→
Catálogo dev

Las 50 herramientas para programar

Busca por nombre o filtra por tipo: playgrounds, formateadores, conversores, generadores, referencia y cálculo.

⚡ 50 herramientas dev▶ 5 lenguajes ejecutables🔒 100 % en tu navegador
🔍

🎮 Playgrounds 6

🟨Playground de JavaScript

Ejecuta JS y captura la consola al vuelo.

🧱Editor HTML, CSS y JS

HTML, CSS y JS con vista previa en vivo.

📑Previsualizar Markdown

Markdown → vista previa y HTML al vuelo.

🐍Playground de Python

Python 3 real en el navegador (Pyodide).

🗄️Playground de SQL

SQLite real en el navegador (sql.js).

🔷Compilar TypeScript

TypeScript → JavaScript con el compilador oficial.

🪄 Formatear y minificar 7

🪄Formatear SQL

SQL apelmazado → consulta legible.

📐Formatear XML

XML apelmazado → XML indentado.

🎨Formatear CSS

CSS minificado → CSS legible.

🗜️Minificar CSS

CSS → CSS minificado, más ligero.

📄Formatear HTML

HTML apelmazado → HTML indentado.

📉Minificar HTML

HTML → HTML minificado.

↹Tabs ↔ espacios

Reindenta código: tabs ↔ espacios.

🔄 Convertir 10

🔁JSON a YAML

JSON → YAML para tus configs.

🔂YAML a JSON

YAML → JSON formateado.

📊JSON a CSV

JSON (array) → CSV para Excel.

🧾CSV a JSON

CSV → JSON (array de objetos).

🔷JSON a TypeScript

JSON → interfaces de TypeScript.

📋JSON a tabla Markdown

JSON (array) → tabla Markdown.

🔄XML a JSON

XML → JSON con atributos.

🔗Query string a JSON

Parámetros de URL → JSON.

🗝️ENV a JSON

Variables .env → JSON.

🛢️CSV a SQL

CSV → sentencias INSERT de SQL.

🛠️ Generar 10

⏰Generar expresión cron

Expresiones cron sin pelearte con los asteriscos.

🚫Generar .gitignore

El .gitignore de tu proyecto en un clic.

🎭Datos de prueba (mock)

Mock data: nombres, emails y JSON de prueba.

🏷️Generar meta tags SEO

Meta SEO + Open Graph + Twitter en un clic.

📦Generar package.json

El package.json de tu proyecto Node, bien formado.

📘Generar README

Un README.md decente para tu repo, en segundos.

⚖️Generar licencia

El texto de licencia (MIT, Apache…) listo.

🎫Generar JWT (HS256)

Firma JWT HS256 en local para tus pruebas.

🧬Generar JSON Schema

De un JSON de ejemplo a su JSON Schema.

🤖Generar robots.txt

El robots.txt de tu web, bien hecho.

📚 Referencia 8

🚦Códigos de estado HTTP

200, 404, 500… qué significa cada código.

🔡Tabla ASCII

ASCII 0-127: decimal, hex, octal y carácter.

🔣Entidades HTML

&nbsp;, &copy;, &euro;… con su código.

🔀Comandos de Git

add, commit, push, merge, stash… explicados.

🎨Colores CSS con nombre

red, royalblue, tomato… y su HEX.

📎Tipos MIME

El Content-Type de cada extensión de archivo.

🧩Chuleta de regex

\d, +, *, [], grupos… qué significa cada uno.

📝Chuleta de Markdown

Títulos, listas, enlaces, tablas… la sintaxis MD.

🧮 Calcular 9

🔐Calculadora chmod

Permisos Linux: octal 755 ↔ rwxr-xr-x.

🌐Calculadora de subred (CIDR)

CIDR → máscara, broadcast y rango de hosts.

🔢Contar líneas de código

Líneas, vacías, comentarios y bytes de tu código.

🧵Escapar cadena de texto

Escapa comillas y especiales para JSON, JS, SQL…

🗣️Explicar expresión cron

Pega un cron y te decimos cuándo se ejecuta.

🔍Comparar dos JSON

Diferencias entre dos JSON: añadido, quitado, cambiado.

🔤Ordenar claves de un JSON

Claves de un JSON ordenadas A-Z (recursivo).

📐Contador de bytes y caracteres

Caracteres, bytes y límites SEO de un texto.

🔟Operaciones de bits

AND, OR, XOR, shifts… en binario, dec y hex.

Dudas

Sobre la sección de programación

¿El código se ejecuta de verdad o es una simulación?

Se ejecuta de verdad. JavaScript corre con la propia máquina del navegador; Python, SQL y TypeScript usan intérpretes compilados a WebAssembly que se cargan la primera vez. Nada se envía a ningún servidor.

¿Por qué tarda en cargar el primer «Ejecutar» de Python o SQL?

Porque descarga el intérprete (WebAssembly) la primera vez. A partir de ahí queda en caché y es instantáneo.

¿Sirve para producción?

Son herramientas de aprendizaje, pruebas y utilidades rápidas. Para firmar tokens o manejar secretos reales, hazlo siempre en tu servidor.

¿Necesito instalar compiladores o entornos?

No. Todo el entorno —editor, intérpretes y compiladores— vive en tu navegador. Abres la página y ya puedes escribir y ejecutar.

Abre un IDE y empieza a teclear

JavaScript, Python, SQL, TypeScript y HTML/CSS/JS listos para ejecutar. Sin instalar nada y 100 % en tu navegador.

Elegir lenguaje →