DEV Community

Cover image for ๐Ÿš€ I Built a Public Code Playground (Like CodePen, but Open & Free)
Wahee Al-Jabir
Wahee Al-Jabir

Posted on • Edited on

๐Ÿš€ I Built a Public Code Playground (Like CodePen, but Open & Free)

Hey folks ๐Ÿ‘‹

Iโ€™ve been working on something fun: a playground where you can write HTML, CSS, and JavaScript in the browser and share your creations with the world.

Unlike simple editors, this one isnโ€™t just about coding privately โ€” you can make your projects public, and theyโ€™ll appear in the home feed, so others can discover, explore, and remix your work.

โœจ What You Can Do

Create pens (HTML, CSS, JS) with live preview

Keep them private or make them public

Public pens appear in a feed, so you can browse what others are building

Share pens with a unique link

Fork and remix someone elseโ€™s pen

Export your pen as a zip if you want to run it locally

๐ŸŒ Why Public Sharing Matters

Code is more fun when shared. By making your pens public:

Others can learn from your experiments

You can get inspired by whatโ€™s trending in the feed

Collaboration becomes as easy as forking and remixing

๐Ÿ”ฎ Whatโ€™s Next

Iโ€™m planning to add:

Trending and โ€œmost forkedโ€ sections

User profiles with galleries

Better embedding support (drop your pen into a blog post or portfolio)

Mini Stack Overflow built in for communities.

๐Ÿ’ก Why I Built This

CodePen is awesome, but I wanted a playground where the sharing is the focus โ€” not just creating in isolation. The home feed gives it a community feel, and Iโ€™m excited to see what people build once they start sharing.

Coming Soon!
Anyone want source code?

Please like and share for more updates on the site (and source code)!

Top comments (0)