DEV Community

Cover image for Top 5 free online code editors
Abhiraj Bhowmick
Abhiraj Bhowmick

Posted on

Top 5 free online code editors

Here are the best online text editors that you can use if you are tired of offline text editors and want to do things quickly and easily. No setup, no high system requirements, need not to carry your laptop everywhere, easy collaboration.

Well here are a few more reasons to try out online code editors aka browser-based text editors.

  • Zero Setup
  • Zero to little cost
  • Collaboration
  • Lower system requirements

1. Codesandbox

It allows uploading binary files in their free account, provides official templates for more than 25 frameworks, you can embed your project, invite other members for collaborations and it gives you more control over your text editor. Instead of using firebase you can use vercel or netlify to deploy your project.
You can share your website to your friends and colleagues while editing. It has one of the best auto-suggestion and auto-completion features with keyboard shortcuts that you can edit anytime.
codesandbox

2. Stackblitz

It claims to be the fastest, most secure dev environment on the planet. And actually, it is quite fast. It allows you to create, edit and deploy full-stack applications. It supports most of the frontend frameworks and libraries.
It has a similar UI like VS code, you can connect with github and even deploy your project on firebase. Managing your dependencies is also quite easy with stackblitz and you can customize the editor according to your need. The only big concern with stackblitz free account is that you can’t upload your binary files.
stackblitz

3. Glitch

Glitch is another great code editor for javascript developers. It allows you to use javascript in both frontend and backend. It supports creating classic websites with HTML, CSS and javascript, supports node and React. In advance, it also has a simple static site generator called Eleventy.
You can find a simple UI with a built-in terminal, an editor, files panel, and live preview. It allows embedding your project, real-time collaboration with other members, connecting the website to your custom domain, and lots more.
glitch

4. Codepen

Probably the most popular online code editor. CodePen is fast, easy to use, and allows a web developer to write and share HTML/CSS/JS code online. CodePen is free and creating an account isn’t mandatory, so you can start writing code and create a new web application straight from your web browser quickly and efficiently.
codepen

5. Replit

Replit is a free, collaborative, in-browser IDE to code in 50+ languages. It is the best tool for quickly starting, sharing, and developing projects in any programming language, right from your browser. On Replit, there is no "deployment" stage of your projects - it instantly hosts all of your repls.
replit

Discussion (4)

Collapse
pratap360 profile image
Pratap parui • Edited on

You must also add this one Vs code online
vscode.dev πŸ€— this is the new one I would prefer , btw nice article πŸ‘πŸ»

Collapse
testprojects profile image
Codewitheras

Vs Code Online Editor was just release a couple of weeks ago. Most people dont know about it.

Collapse
abhirajb profile image
Abhiraj Bhowmick Author

Thanks for adding!

Collapse
foxy4096 profile image
Aditya Priyadarshi

already, knew the rel.it will be in the list.

πŸ‘