A browser-based IDE with esbuild integration and JSX/TypeScript support
Hey HN, I built a custom IDE in the browser as part of the Open Data Capture platform. It is based on the Monaco editor, which also powers VS Code. Unfortunately, there are very few examples online showing how to use Monaco with more advanced features (e.g., TypeScript/JSX support, Prettier integration, multiple files), so I figure this could be helpful for some folks out there. I built this to allow semi-technical users to design instruments (e.g., forms and interactive tasks) for our data capture platform. It includes a custom build toolchain, based on the esbuild-wasm build, that…
A browser-based IDE with esbuild integration and JSX/TypeScript support launched on August 7, 2024 with 7 votes, #2,085 of 5,471 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 2 years on.
What it does
In the maker’s words, at launch
Hey HN, I built a custom IDE in the browser as part of the Open Data Capture platform. It is based on the Monaco editor, which also powers VS Code. Unfortunately, there are very few examples online showing how to use Monaco with more advanced features (e.g., TypeScript/JSX support, Prettier integration, multiple…
Does a similar job
all alternatives →- AVA Visual IDE for React2022 · dev.aspect.app · ▲479
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!


An open-source, collaborative, WYSIWYG Markdown editor2023 · editor.vrite.io · ▲460Inspired by the design and UI/UX of apps like Notion, and utility of open-source apps like StackEdit, I decided to create a minimalistic, local-only WYSIWYG Markdown editor. Some features worth highlighting: - Monaco editor and Prettier integration for code snippets - Tables (apparently the holy grail of WYSIWYG editing) - Embeds (for CodePen, CodeSandbox and YouTube, most useful for HTML or JSON exports) - Accepts Markdown paste-in, and "exports"/generates HTML, Markdown and JSON outputs - Collaboration (with real-time awareness and initial commenting system, available only when…

Deco.cx – realtime TypeScript web editor2024 · deco.cx · ▲98Hi, HN. Gui, Lucis, and the deco.cx team here — we're a bunch of Brazilians building an open-source, all-in-one web editor for the modern TypeScript dev. Check out our GitHub at https://github.com/deco-cx/deco and discover more at our site https://deco.cx/. We built frontend tools at a hyper-growth e-commerce platform for 9 years. Deco.cx is the thing that we wish existed when we were managing hundreds of enterprise-grade React-based websites. The gist is: JSX, HTMX, TypeScript, Tailwind and Deno. All visually editable in a beautiful, collaborative,…
More dev tools this month
the category →

open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 28d ago · github.com

Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 26d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 24d ago · openbot.run
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 21d ago · talanoa.email
CoreSpeed▲332One MCP for everything your agents need: apps, memory, tools
Dev tools · 29d ago · corespeed.io
Source: Show HN post ↗ · launch text quoted in part
Launched alongside, August 2024
the whole month →



Jupitrr AI▲1,195Jupitrr AI turns raw talking videos into scroll-stopping content for coaches and consultants. Research, script, record, edit, and publish in one app.
AI · 2024 · jupitrr.com

Hey there HN! We’re Joe and Stopa, and today we’re open sourcing InstantDB, a client-side database that makes it easy to build real-time and collaborative apps like Notion and Figma. Building modern apps these days involves a lot of schleps. For a basic CRUD app you need to spin up servers, wire up endpoints, integrate auth, add permissions, and then marshal data from the backend to the frontend and back again. If you want to deliver a buttery smooth user experience, you’ll need to add optimistic updates and rollbacks. We do these steps over and over for every feature we build, which can…
Dev tools · 2024 · github.com