🚀 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 p…


This content originally appeared on DEV Community and was authored by Wahee Al-Jabir

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!

Would you use this as a place to share experiments publicly, or should I focus more on private use cases (like scratchpads)?

Please like and share for more updates on the site!


This content originally appeared on DEV Community and was authored by Wahee Al-Jabir


Print Share Comment Cite Upload Translate Updates
APA

Wahee Al-Jabir | Sciencx (2025-09-13T08:56:16+00:00) 🚀 I Built a Public Code Playground (Like CodePen, but Open & Free). Retrieved from https://www.scien.cx/2025/09/13/%f0%9f%9a%80-i-built-a-public-code-playground-like-codepen-but-open-free/

MLA
" » 🚀 I Built a Public Code Playground (Like CodePen, but Open & Free)." Wahee Al-Jabir | Sciencx - Saturday September 13, 2025, https://www.scien.cx/2025/09/13/%f0%9f%9a%80-i-built-a-public-code-playground-like-codepen-but-open-free/
HARVARD
Wahee Al-Jabir | Sciencx Saturday September 13, 2025 » 🚀 I Built a Public Code Playground (Like CodePen, but Open & Free)., viewed ,<https://www.scien.cx/2025/09/13/%f0%9f%9a%80-i-built-a-public-code-playground-like-codepen-but-open-free/>
VANCOUVER
Wahee Al-Jabir | Sciencx - » 🚀 I Built a Public Code Playground (Like CodePen, but Open & Free). [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/09/13/%f0%9f%9a%80-i-built-a-public-code-playground-like-codepen-but-open-free/
CHICAGO
" » 🚀 I Built a Public Code Playground (Like CodePen, but Open & Free)." Wahee Al-Jabir | Sciencx - Accessed . https://www.scien.cx/2025/09/13/%f0%9f%9a%80-i-built-a-public-code-playground-like-codepen-but-open-free/
IEEE
" » 🚀 I Built a Public Code Playground (Like CodePen, but Open & Free)." Wahee Al-Jabir | Sciencx [Online]. Available: https://www.scien.cx/2025/09/13/%f0%9f%9a%80-i-built-a-public-code-playground-like-codepen-but-open-free/. [Accessed: ]
rf:citation
» 🚀 I Built a Public Code Playground (Like CodePen, but Open & Free) | Wahee Al-Jabir | Sciencx | https://www.scien.cx/2025/09/13/%f0%9f%9a%80-i-built-a-public-code-playground-like-codepen-but-open-free/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.