Free, open-source Integrated Development Environment inspired by FlashDevelop & HaxeDevelop, built for visual block-based programming.
BlockDevelop IDE bridges the productivity of professional text-based IDEs (FlashDevelop/HaxeDevelop) with visual block engines (Google Blockly):
- 🧩 First-Class Visual Block Support: Drag-and-drop block coding powered by Google Blockly.
- ⚡ Dual-Editor Real-Time Sync: Side-by-side Visual Blocks and generated target code.
- 🖥️ Dockable Workspace UI: FlashDevelop-inspired dockable panels, split views, and customizable layouts.
- 🎯 Multi-Target Code Generators: Export to JavaScript, TypeScript, Python, Haxe, Lua, and C++.
- 🔒 Secure Desktop Runtime: Strict Context Isolation, Chromium OS Sandboxing, and typed IPC Context Bridge (
window.blockDevelopAPI). - ⚡ Turbocharged Monorepo: Powered by
pnpmworkspaces,Turborepo,Vite, andTypeScript.
blockdevelop-ide/
├── apps/
│ └── desktop/ # Electron Main/Preload + React Renderer App
└── packages/
├── core/ # Shared types, IPC event maps, Zustand stores, Mitt event bus
├── block-engine/ # Custom Blockly canvas integration & block definitions
├── code-gen/ # Multi-language code generation pipelines
└── ui/ # Shared Tailwind CSS components & React hooks
# 1. Clone repository
git clone https://github.com/JimmiesAndTheCoders/blockdevelop-ide.git
cd blockdevelop-ide
# 2. Install monorepo dependencies
pnpm install
# 3. Build core packages
pnpm run build
# 4. Launch Desktop IDE in dev mode
pnpm --filter @blockdevelop/desktop dev# Run unit tests across all packages
pnpm run test
# Typecheck TypeScript types
pnpm run typecheck
# Lint workspace files
pnpm run lint# Package executable directory (.exe / .dmg / .AppImage)
pnpm --filter @blockdevelop/desktop package:dirThis project is licensed under the MIT License.