Skip to content
Official Ethereum Studio project repository. And IDE specially tailored to make it as simple as possible to on-board new users into the Ethereum ecosystem
TypeScript JavaScript CSS Other
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode First commit to dist stuff by package Apr 17, 2019
packages Merge pull request #128 from SuperblocksHQ/fix-payable-transactions Nov 12, 2019

Ethereum Studio

Join the community Superblocks Follow in Twitter

Ethereum Studio is an integrated development environment (IDE) to learn, build and deploy decentralized apps (DApps) for Ethereum. It's a full browser experience which requires no installations to run.

Ethereum Studio in action

Ethereum Studio has a built in Solidity compiler and Ethereum Virtual Machine. It also works with local and public networks.

To try it out, go to


  • In-browser Blockchain
  • Code Autocompletion
  • Bootstrap your App
  • Live code your WebApp
  • Deploy to Networks
  • Run with custom node
  • Built-in wallets
  • Export your full DApp
  • Metamask Integration
  • Powered by Monaco Editor

Quick start

Below is described how to get the Ethereum Studio PreactJS project setup and running locally.

Install node modules

npx lerna bootstrap --hoist

Run in development mode

npm start

Browse to http://localhost:3000. Note that if you use any other hostname/IP than localhost, then instead run update 'ORIGIN' value in 'env.development', this is important so that the iframes can communicate with the main window.

Make a production build

npm build

The dist files will be inside ./dist. Note that the this command uses production version of ".env" file, so in order to test it locally please create a ".env.local" with proper ORIGIN variable value prior to build.

Bumping version

Set the new version both in app.js and in manifest.json.

Run this script to fix that for you:

./bump_version "1.1.0"

Consider double-checking and updating the CHANGELOG to reflect the changes. Tag the new version.

Modifying templates

Templates are now located inside ./packages/editor/templates folder. After you modify those files and want to see changes you need to run generate-templates.js script inside ./packages/editor/scripts.


Bug reports and suggestions can be filed at the project Issues page. For more information about the process involved, please refer to the Wiki: Submitting Bugs and Suggestions.


Contributions are welcome. Please, visit the Wiki for a guide on How to Contribute.


Ethereum Studio is free software and GPLv3 licensed. See the COPYING file for details.

You can’t perform that action at this time.