1

There are numerous IDEs accessible through the browser ranging from things like JSFiddle to VSCode and beyond.

I'm looking for something like an html/css/js app that acts like an IDE. Clearly, it won't be able to run any languages other than javascript or something ported to WebAssembly.

Edit

Based on @depperm's comment, I'm adding this: I think what I'm describing is a client-side app. I made this trivial example based on this codepen.

You might be able to view it here or here

4
  • 1
    why are the IDEs you list un-acceptable? Are you trying to embed it in a webpage? Does it have to run code or just highlight?
    – depperm
    Nov 2, 2022 at 15:47
  • @depperm I made an update to answer your question. Not "embed in a webpage" but be the webpage or app.
    – abalter
    Nov 3, 2022 at 5:38
  • 1
    There is a list on Wikipedia: Online integrated development environment. I would add that GitHub and Gitlab have lots of features for in-browser editing.
    – knb
    Nov 3, 2022 at 8:24
  • 2
    Try jslinux In 2011 Fabrice Bellard wrote a Javascript PC Emulator running Linux (and other OSs) inside your browser. You will get a shell with the 4.12 kernel, and With some tweaking you can run and install any program then.
    – knb
    Nov 3, 2022 at 10:04

3 Answers 3

2

JupyterLite offers JupyterLab IDE (but also a Jupyter Notebook v7 alpha) running entirely in the browser and by default enables execution of JavaScript and Python (ipyodide kernel, though the time to first execution can take up to a minute as it downloads Pyodide and which is WebAssembly port of CPython). Additional kernels are available for installation:

and more are in active development:

1
  • Yes! I just ran across that yesterday and was going to report back. This is an example of what I was asking for. Unfortunately, I hate Jupyter as a development environment. It's great for presentation. But it does meet the requirements of the question and establishes proof of principle.
    – abalter
    Nov 8, 2022 at 9:31
-1

StackBlitz is very IDE oriented and runs it's system directly within your browser and not on their servers. It has a ton of functionality from basic JS or TS program all the way to heavy frameworks like React, Angular, and Node.

It's free and a great resource.

1
  • It's actually just their version of VS Code for web. If you open the developer panel, you can see that when you do things like create a file or save a file the app is making GET requests to the server. The simple test is to do File>Save As>web page complete in the browser. If you can run the thing you downloaded, then it's purely client-side.
    – abalter
    Nov 3, 2022 at 23:05
-1

Easily test or find Code that you can use in your project using BALKAN Code

Hello BALKAN Code

enter image description here

5
  • Requires a server.
    – abalter
    Nov 4, 2022 at 14:22
  • @abalter, what do you mean? It is similar to JSFiddle Nov 4, 2022 at 16:33
  • So does JS Fiddle. It's not an app I could, for instance run on my own machine let alone without a server. Check out the gist I made as well as golden-layout.com. Together these could be made into something like an IDE. I was hoping someone had already built one.
    – abalter
    Nov 4, 2022 at 18:28
  • I see, you are promoting your IDE, it looks promising BTW Nov 4, 2022 at 19:38
  • Absolutely not! It's something I wish existed. I want to make a minimally functional app similar to RStudio that runs in a web page and can run javascript or python via pyodide which could work this way: geeksforgeeks.org/…
    – abalter
    Nov 4, 2022 at 23:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.