- Native JavaScript - Full ES2020+ execution
- Official TypeScript - Microsoft transpiler integrated
- Automatic detection of syntax
- Real-time transpilation without configuration
- Multiple themes: GitHub Dark, Tomorrow Night Bright
- 5 professional fonts: JetBrains Mono, Fira Code, Consolas, Monaco, Menlo
- Multi-language: English & Spanish
- Persistent configuration in real-time
- Monaco Editor (same as VS Code)
- Complete IntelliSense with tooltips and autocompletion
- Advanced syntax highlighting
- Real-time parameter suggestions
- Bracket pair colorization and indentation guides
- Smart auto-run - Only executes complete code
- Security system with timeouts and limits
- Complete sandbox for isolated execution
- Detailed timestamps and log types
- Multi-tab support with independent editors
- Resizable split panels between editor and output
- Complete file management (New, Open, Save)
- Stop button to interrupt running code
- Professional keyboard shortcuts
- Intuitive settings panel
- Responsive and modern interface
Get the latest release for your platform:
| Platform | Download |
|---|---|
| macOS (Apple Silicon) | WizardJS-macOS-AppleSilicon.zip |
| macOS (Intel) | WizardJS-macOS-Intel.zip |
| Windows | WizardJS-Setup.exe |
| Linux (Debian/Ubuntu) | wizardjs.deb |
| Linux (RedHat/Fedora) | wizardjs.rpm |
⚠️ Important Note for macOS UsersWizardJS is not signed with an Apple Developer ID certificate ($99/year). This is an open-source project and we prefer to invest resources in development rather than certificates. As a result, macOS will show a security warning when you try to open the app.
Step-by-step installation:
-
Download the ZIP for your chip:
- Apple Silicon (M1/M2/M3):
WizardJS-macOS-AppleSilicon.zip - Intel:
WizardJS-macOS-Intel.zip
- Apple Silicon (M1/M2/M3):
-
Unzip the downloaded file
-
Move
WizardJS.appto/Applications -
Remove the quarantine attribute (required for unsigned apps):
Open Terminal and run:
xattr -cr /Applications/WizardJS.app
-
Open the app - It should now launch without issues
Why is this necessary?
When you download an app from the internet, macOS adds a "quarantine" attribute. Without an Apple Developer ID signature ($99/year), macOS marks the app as "damaged" even though it's perfectly safe. The xattr -cr command removes this quarantine flag.
Alternative method (if the above doesn't work):
- Try to open the app (it will fail)
- Go to System Preferences → Security & Privacy → General
- Click "Open Anyway" next to the WizardJS message
- Node.js (version 20 or higher)
- npm (included with Node.js)
- macOS, Windows, or Linux
# Clone the repository
git clone https://github.com/FranciscoJBrito/WizardJS.git
cd WizardJS
# Install dependencies
npm install
# Run in development mode
npm run dev# Create executable for your platform
npm run make
# Build for specific architecture (macOS)
npm run make -- --arch=arm64 # Apple Silicon
npm run make -- --arch=x64 # Intel
# Package only (without installer)
npm run package
# Clean build files
npm run clean- Open WizardJS and you'll see the editor ready
- Write code in JavaScript or TypeScript
- Automatic execution when code is complete
- Customize themes, fonts and language in Settings
| Action | Shortcut | Description |
|---|---|---|
| Execute | ⌘R / Ctrl+R |
Runs the current code |
| Stop | ⌘. / Ctrl+. |
Stops code execution |
| Save | ⌘S / Ctrl+S |
Saves the current file |
| New Tab | ⌘T / Ctrl+T |
Creates a new tab |
| Open | ⌘O / Ctrl+O |
Opens an existing file |
| Clear | ⌘K / Ctrl+K |
Clears the output |
| Settings | ⌘, / Ctrl+, |
Opens the settings panel |
- Monaco Editor - VS Code editor integrated
- TypeScript - Main project language
- CSS3 - Modern and responsive styles
- Font Awesome - Professional iconography
- Electron - Cross-platform framework
- Electron Forge - Complete toolchain
- Vite - Ultra-fast build tool
- ESLint - Code linting and quality
- TypeScript Compiler - Official transpiler
- Monaco TypeScript Worker - IntelliSense
- Sandbox Execution - Secure execution
- Auto-run Intelligence - Complete code detection
wizardjs/
├── src/
│ ├── main.ts # Electron main process
│ ├── preload.ts # Preload script
│ ├── index.css # Application styles
│ └── renderer/
│ ├── index.ts # Renderer entry point
│ ├── app/
│ │ └── WizardJSApp.ts # Main application class
│ ├── core/
│ │ ├── EditorManager.ts # Monaco editor management
│ │ ├── ExecutionEngine.ts # Code execution engine
│ │ ├── TabsManager.ts # Tab state management
│ │ └── Themes.ts # Editor themes
│ ├── ui/
│ │ ├── Output.ts # Output panel
│ │ ├── SettingsPanel.ts # Settings UI
│ │ ├── SplitResizer.ts # Panel resizing
│ │ ├── TabsView.ts # Tabs UI
│ │ └── Toolbar.ts # Toolbar buttons
│ ├── services/
│ │ ├── I18n.ts # Internationalization
│ │ └── SettingsStore.ts # Settings persistence
│ ├── utils/
│ │ ├── codeGuards.ts # Security guards
│ │ └── tsHelpers.ts # TypeScript helpers
│ └── config/
│ ├── constants.ts # App constants
│ └── types.ts # TypeScript types
├── index.html # Main HTML structure
├── package.json # Dependencies and scripts
└── forge.config.ts # Electron Forge configuration
Contributions are welcome! If you want to contribute:
- Fork the project
- Create a feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is under the MIT License. See the LICENSE file for more details.
- Inspired by RunJS - The commercial playground reference
- Built with Monaco Editor - VS Code editor
- Powered by Electron - Cross-platform framework
- TypeScript - Official transpiler integrated
- Electron Forge - Complete toolchain
Give the repository a star!
Found a bug? → Report an issue
Have an idea? → Start a discussion
Want to contribute? → Contribution guide
Made with love by Francisco Brito
