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

1 1

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

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more

AWS GenAI LIVE!

GenAI LIVE! is a dynamic live-streamed show exploring how AWS and our partners are helping organizations unlock real value with generative AI.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️