DEV Community

Cover image for JSitor, an alternative of CodePen, JSBin and JSFiddle

JSitor, an alternative of CodePen, JSBin and JSFiddle

Ashvin Kumar Suthar on September 12, 2019

JSitor is an online free tool for writing, executing and sharing web and NodeJS snippets. It is a non-profitable product without any ads which give...
Collapse
 
sarthakganguly profile image
Sarthak Ganguly

Excellent creation!

You should also create a deployable build and host it so that others can contribute to your code. The biggest disadvantage to most such code playgrounds is that they are all closed source.

This can be different. I think it will be worth it.

Good Luck!

I will cover a feature review of this on my blog.

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar

Thanks Ganguly. I will look forward to any possibilities of making it open source so that we can have a great community to support this tool. I can't promise but I will try. Thanks and keep using JSitor, if you have any feedback please let me know.

Collapse
 
maxbvrn profile image
Maxime Bouveron

I have to say I'm really impressed by the iOS app.
I've tried using CodeSandbox on my iPhone during my morning commute but it was really frustrating, 5 minutes with JSitor and I've already written a small React app with it! The symbols shortcuts on top of the keyboard are on point.
Of course there's room for improvements but it's a pretty good start.

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar

Thanks, Maxime. Yes, the iOS app is very straight forward and easy to use. Also, the good thing is, if you log in and save the snippets, those snippets will be available in the web version as well and vice versa.

Do let me know if you find any issues or any improvements. I will be happy to resolve them. Thanks.

Collapse
 
moopet profile image
Ben Sinclair

You can't scroll any of the source code panes in Firefox.

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar

Firefox issue is now resolved and JSitor is updated with this fix. Try it out in Firefox now - jsitor.com/3hZCzip7o

If it doesn't work, make sure you clean your cache as it uses Service Worker for caching resource locally which might take some time to load.

Collapse
 
ashvin_777 profile image
Ashvin Suthar

Thanks Ben for reporting it. There is an issue with Monaco editor and recently they have fixed it. I am working on fixing that in JSitor.

Collapse
 
moopet profile image
Ben Sinclair

That's it working for me :)

Thread Thread
 
ashvin777 profile image
Ashvin Kumar Suthar

Awesome

Collapse
 
ianberdin profile image
Ruslan Ianberdin

Hello 👋

playcode.io - used Monaco editor too.
The online JavaScript editor support multi files and fast view as you type ⚡️

It’s my product and you should try it 🙏

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar

PlayCode.io is awesome 👍

Collapse
 
ianberdin profile image
Ruslan Ianberdin

Thank you Ashvin 🙏

Collapse
 
fultonbrowne profile image
Fulton Browne

Is there a way to open a GitHub project in your editor? Love the project BTW

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar

Thanks FultonB. Sorry, we do not have that feature, also to support that we will need to support file explorer as this tool is very basic with just HTML, CSS and JS tabs. Thanks for the suggestion, we will look forward if we can support this.

Collapse
 
fultonbrowne profile image
Fulton Browne

ok, thanks I will still be using it, dont worry.

Collapse
 
ahmedmusallam profile image
Ahmed Musallam

This looks awesome! I am curious about the long term business plan? will it always be free? are you supporting it financially on your own? Will you be community donation driven?

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar

Hi Ahmed. Currently, it not supported by any firm or sponsors. It is an individual contribution to make web developers world better. I don't like to add ads in the web tool just because ads take too much space.

Collapse
 
ahmedmusallam profile image
Ahmed Musallam

That’s awesome! More power to you! And keep it going!

Collapse
 
robincsamuel profile image
Robin C Samuel

Great work, Ashvin!

I was in search of something like this for conducting interviews after Microsoft discontinued skype interviews. Couldn't find a platform with collab and REPL support for Javascript.

Thanks much!

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar

Thank Robin for your feedback.

Collapse
 
maximfilimonov profile image
tpaktop

Welcoming addition to the editors group. The iOS app is truly unique feature. I do wonder do you have support/plans for iPad app?
iPad Pro with jsitor might become way closer to good dev machine on the go

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar

Hi tpaktop,

Thanks for your interest. The iOS app is also supported on iPad devices.

Collapse
 
shovan profile image
Shovan

Looks good. Could you add the following

  • Private share
  • Ended code to the website
  • HTML to include Markdown

I am looking for it to store Jekyll code. So support for YAML would be great. Mabe as an additional view

Thanks
Shovan

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar

FYI Guys, JSitor now supports Optional Chaining and Nullish Coalescing

Checkout the full article

Collapse
 
edtechbymeera profile image
Meera Menon

I have been using codepen and js fiddle so far for my coding work and also for making coding tutorials. After reading this article and review , I am going to try out JSitor for my tutorials.Thanks for such an easy going cloud playground.

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar

Hello Everyone, Just wrote a article about the JSitor mobile app

Checkout to know app features

Collapse
 
lucashogie profile image
Lucas H.

Really good work. Works & looks incredible. What did you build it on?

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar

Thanks, Lucas. It is built using ReactJS and Monaco Editor + Service Worker(for superfast speed) :)

Collapse
 
ianberdin profile image
Ruslan Ianberdin • Edited

Try playcode.io - it has emmet.

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar

Thanks, Evgeniy for your interest. Let me know if you have any feedback or any suggestions, I will be happy to resolve them.

Collapse
 
lishine profile image
Pavel Ravits

How is it different from codesandbox?

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar

Hi Pavel, Codesanbox is more of full IDE where one can create multiple files, mostly helpful for creating/testing big projects. It's a great tool. Whereas JSitor is just a tool to quickly test/create your small snippets instead of having a need of full IDE.

Collapse
 
hawkeye64 profile image
Jeff Galbraith

Is there an API where a site can send data, like you can for Codepen? This way you can have examples on a site, then user can click and modify code as needed.

Collapse
 
bananabrann profile image
Lee

Awesome, I'm super interested in the app! I'll be trying it out this week. Super job!

As someone who doesn't use JSBin and CodePen often, what separates JSitor from CodePen other than the app?

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar

Hi Percy, Codepen is a great tool and it has a lot many features then JSitor.
In particular, if we talk about what are pros of JSitor, then I would the

"Monaco Editor" support
"Live NodeJS Environment"
"Free to use(no limitation)"
"The mobile app"

Collapse
 
saurabhdaware profile image
Saurabh Daware 🌻

This looks beautiful! thank you for making it :D

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar

Thanks Saurabh.