DEV Community

Cover image for Create New CodePens and CodeSandboxes Instantly With ZERO clicks
Bhanu Teja Pachipulusu
Bhanu Teja Pachipulusu

Posted on • Edited on • Originally published at blog.bhanuteja.dev

Create New CodePens and CodeSandboxes Instantly With ZERO clicks

CodePen.io and CodeSandbox.io are the two most popular online tools that are used for rapid prototyping of web applications without ever leaving the browser.

Very recently, CodePen and CodeSandbox released a "feature" to create new pens and sandboxes using short and readable urls.

Check the below table for the URLs and type of applications which you can create with them.

Type URL
New CodePen pen.new
New JavaScript CodeSandbox js.new
New TypeScript CodeSandbox ts.new
New React CodeSandbox react.new
New Vue CodeSandbox vue.new
New Angular CodeSandbox ng.new
Some Other New CodeSandbox csb.new

Opening any of the above links will create a new CodePen or a new CodeSandbox in your favourite language or framework instantly.

This is a very unique concept and saves a lot of time. I started using these all the time now, instead of manually going to the website and creating them. You also try it once and tell me if you like it.

Also, if you think I missed any urls, please leave them in the comments, I will add them to the list.

If you have any feedback or suggestions to improve this blog post, please leave them in the comments. I will try to improve the post accordingly.

If this blog post was helpful to you, please consider liking it and sharing it so that it reaches more people.

If you want to get notified via email as soon as I write a new blog post, you can click on the "Subscribe" button at the top of my blog. You can also follow me here at @Bhanu Teja P or on twitter at @pbteja1998 to get updated.

ko-fi

Top comments (0)