Create New CodePens and CodeSandboxes Instantly With ZERO clicks

Subscribe to my newsletter and never miss my upcoming articles

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.

TypeURL
New CodePenpen.new
New JavaScript CodeSandboxjs.new
New TypeScript CodeSandboxts.new
New React CodeSandboxreact.new
New Vue CodeSandboxvue.new
New Angular CodeSandboxng.new
Some Other New CodeSandboxcsb.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 this page. You can also follow me here at Bhanu Teja P or on twitter at @pbteja1998 to get updated.

Rhythm Ruparelia's photo

Thanks for sharing.

Bolaji Ayodeji's photo

I love this, thanks for sharing!