DEV Community

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

Posted on • Edited on

JSitor, an alternative of CodePen, JSBin and JSFiddle

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 gives more editor window to write code.

Key Features

NodeJS and Interactive Shell Terminal

JSitor facilitates the NodeJS environment for writing/sharing NodeJS scripts and installs NPM modules. Also its free.

Monaco Editor

JSitor uses Monaco Editor which is developed by Microsoft and also used in VSCode. If we compare this with other alternatives, they are using CodeMirror and CodeMirror has its own stability and usability issues. Monaco editor is more satisfactory and stable editor compared to that.

Take a look at, how beautiful autocomplete looks like in Monaco Editor, isn't it better?

Comparing with CodeMirror autocomplete

Console View

JSitor shows the console logs in the editor itself without having a need of opening the DevTools. This is sometimes very helpful when we want to quickly check the logs without opening the DevTools which takes half of the editor space.

Fullscreen tab view

JSitor gives you a full-screen tab view which gives enough space for writing/viewing huge source codes. Apart from that, it also provides basic views such as side by side view, result in the bottom etc.

Collaboration

JSitor supports collaboration working environment with the help of TogetherJS. This feature is generally really helpful for taking remote interviews or to invite others to work on the same snippet.

Babel, JSX, Script Module and TypeScript

JSitor supports all different type of transpiler, which help us to write code for any framework such as ReactJS, Angular etc

PostCSS, Less, SCSS

JSitor supports all different CSS preprocessors

Pug

JSitor supports Pug HTML formatting as well

Optional Chaining

Nullish Coalescing

All snippets

You can view all your snippets

Trending, Most View and Recent Snippets

You can view some trending, most viewed and recent snippets as well under Trending tab

Embeddable

You can embed the snippets on another blog/articles sites

iOS and Android Apps

JSitor also gives you the benefit of writing/sharing or viewing the code in Mobile app. This is really helpful when we are away from our computer and want to quickly test out something.

Download iOS Application
[Download Android Application (https://play.google.com/store/apps/details?id=com.ashvin777.apps.jsitor) The Android is not yet upgraded, I am working on upgrading the Android app well, you will soon hear some news.

Know more about Mobile app

I won't say that JSitor will be the best tool but definitely it is worth to explore. Give a try and share your feedback. We would love to hear from you guys.

Follow us on Twitter - https://twitter.com/JSitorEditor

Latest comments (37)

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
 
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
 
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

FYI Guys, JSitor now supports Optional Chaining and Nullish Coalescing

Checkout the full article

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
 
ashvin777 profile image
Ashvin Kumar Suthar

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

Checkout to know app features

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
 
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
 
ianberdin profile image
Ruslan Ianberdin • Edited

Try playcode.io - it has emmet.

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 πŸ™