A modern web-based VS Code-like IDE for Compact Midnight blockchain smart contracts
⚠️ This project is not production ready yet.
Write, compile, and execute real Compact code directly in your browser with:
- 🎨 VS Code-like interface with official syntax highlighting
- ⚡ Real-time compilation using midnight compiler backend integration
- 🌙 Beautiful dark theme optimized for long coding sessions
- 📝 Dual-pane editor for contracts (.compact) and witnesses (.ts)
- 🔨 One-click compilation and building
- 📚 Built-in examples to get you started quickly
- 🚀 Zero installation required
This IDE aims to be the Remix IDE for Midnight (remix.ethereum.org) - enabling smart contract development without complex local setup or configuration.
🔗 Start coding immediately: https://midnight-playground-one.vercel.app/
- ✅ Contract compilation and building
- 🔄 Coming Soon: Wallet connection integration
- 🔄 Coming Soon: Testnet contract deployment
- 🔄 Coming Soon: Interactive function execution
While the IDE is deployed on cloud infrastructure, you can run it locally for development:
- Node.js (v16 or higher)
- npm or yarn
- Clone the repository
git clone https://github.com/kaleababayneh/midnight-playground
cd midnight-playground
git switch local # Switch to the local development branch- Install dependencies
# Install server dependencies
cd server
npm install
# Install client dependencies
cd ../client
npm install- Start development servers
# Terminal 1: Start the backend server
cd server && npm start
# Terminal 2: Start the frontend development server
cd client && npm start- Open your browser
- Navigate to
http://localhost:3000 - Start building amazing Compact smart contracts! 🚀
- Navigate to
We welcome contributions! Please feel free to submit a Pull Request.
This project is licensed under the Apache License 2.0 - see the LICENSE file for details.
Built with ❤️ by @0xkaleab
⭐ Star this repo if you find it helpful!