Posted on Feb 23

🚀 I Built a Cyber-Themed JavaScript Playground for Firefox Addon!

#webdev #javascript #firefox #ai

Hey Dev Community! 👋

I'm thrilled to announce my new Firefox extension: JavaScript Playground (formerly "JavaScript Compiler")! It's a sleek, cyber-themed coding sandbox that lives right in your browser. 🎮

🤔 Why I Built It

Ever needed to quickly test a JavaScript snippet? ⚡ Debug something fast? 🐛 Experiment with an idea? 💡

Usually, that means:

Opening a new tab 🌐
Navigating to an online playground 🏃
Firing up a local editor 💻

I wanted something faster—a tool that's always one click away, with zero distractions and a clean interface. So I built it! ✨

🔥 Key Features

✅ Real-time evaluation – Code runs as you type (toggle on/off)
✅ Side-by-side editor & output – See results instantly 👀
✅ Full syntax highlighting – CodeMirror with Darcula theme (easy on the eyes!) 🎨
✅ Console output capture – All your console.logs appear in the output panel 📋
✅ Error display – Clear visual feedback when something breaks ❌
✅ Persistent ** – Your code auto-saves! Close the tab, come back, it's still there 💾
✅ **Manual run option – Use the "Run" button or Ctrl+Enter ⌨️
✅ Dark cyber design – Responsive, modern dark theme for those late-night coding sessions 🌙

🎯 How It Works

Click the extension icon in your Firefox toolbar 🔧 → a new tab opens with a side-by-side editor + output panel. Write JS on the left, see results on the right. That's it!

Supports: