Skip to content
← Back to Community
Browser JavaScript IDE
Profile icon
ANDREWVOSS

An IDE that edits, runs, and downloads browser JavaScript, powered my Monaco, the same editor used by Replit and VSCode!

Just open in a new tab and get coding! Your code is automatically saved to localstorage every second, but you can also press ctrl+s to download the script to your computer. If you feel like testing your code, press ctrl+enter to run the script in your browser.

Voters
Profile icon
HIEUVU24
Profile icon
JuliusLamar
Profile icon
childeater2000
Profile icon
xfinnbar
Profile icon
RayhanADev
Profile icon
Jasperscode
Profile icon
ANDREWVOSS
Comments
hotnewtop
Profile icon
AidenSweeney

downvote

Profile icon
codingjlu

I would definitely upvote this if you made the editor yourself (instead of using monaco). Features would be:

  • Syntax highlighting
  • Suggestions/Live errors
  • IDK what else...
Profile icon
ANDREWVOSS

@codingjlu The entire point of this was to show off Monaco (Although I am working on an editor from scratch)

Profile icon
codingjlu

@ANDREWVOSS Well, don't you realize that replit itself uses

Profile icon
RayhanADev

Pretty kewl, although there doesn't seem to be many features :>?

Maybe try adding something on top of this to make it better :D!

Profile icon
ANDREWVOSS

@RayhanADev I'm currently trying to add code snippets, and possibly html editing

Profile icon
RayhanADev

@ANDREWVOSS niceee!

Profile icon
ANDREWVOSS

@RayhanADev I just implemented some code snippets for keydown and keyup. You use JS way more than me, are there any snippets you think I should add?

Profile icon
RayhanADev

@ANDREWVOSS maybe add code snippets for smart animation frames:

window.requestFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function (callback) { window.setTimeout(callback, 1000 / 60); };

also maybe touchstart touchend (kinda like keydown keyup)

document.addEventListener('touchstart', event => { }); document.addEventListener('touchend', event => { });
Profile icon
ANDREWVOSS

@RayhanADev Implemented!

Profile icon
RayhanADev

@ANDREWVOSS nice :)