nowfound

Dev tools · August 7, 2024

AB

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 →
  • AV
    A 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!

  • deco.cx 2.02024 · decocms.com · ▲1,078

    Build web apps 10x faster with Deno, JSX, TS & Tailwind

  • Monaco Editor2016 · microsoft.github.io · ▲98

    A browser based code editor

  • An open-source, collaborative, WYSIWYG Markdown editor2023 · editor.vrite.io · ▲460

    Inspired 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 IDE2016 · decosoftware.com · ▲358

    Best IDE for building React Native apps

  • Deco.cx – realtime TypeScript web editor2024 · deco.cx · ▲98

    Hi, 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 →
  • /dev/null▲490

    a social network for devs

    Dev tools · 4d ago · dev-null.sh

  • 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▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 24d ago · openbot.run

  • Talanoa▲346

    Hi 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▲332

    One 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 →
  • Wordware▲9,848

    Your tool for building AI agents with natural language

    AI · 2024 · wordware.ai

  • If Youtube had actual channels.

    Life & fun · 2024 · ytch.xyz

  • Me.bot▲1,627

    The inspiring companion for your life

    AI · 2024 · me.bot

  • Upmetrics AI▲1,197

    Business plan & financial forecast using AI

    Work · 2024 · upmetrics.co

  • Jupitrr AI▲1,195

    Jupitrr 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