diff --git a/src/components/green-flag.js b/src/components/green-flag.js
new file mode 100644
index 0000000000000000000000000000000000000000..0d30a3c3b3ab5dcd42a1439633759d7d67f24e83
--- /dev/null
+++ b/src/components/green-flag.js
@@ -0,0 +1,25 @@
+const React = require('react');
+
+class GreenFlag extends React.Component {
+    constructor (props) {
+        super(props);
+        this.onClick = this.onClick.bind(this);
+    }
+    onClick (e) {
+        e.preventDefault();
+        this.props.vm.greenFlag();
+    }
+    render () {
+        return (
+            <div className="scratch-green-flag">
+                <button onClick={this.onClick}></button>
+            </div>
+        );
+    }
+}
+
+GreenFlag.propTypes = {
+    vm: React.PropTypes.object
+};
+
+module.exports = GreenFlag;
diff --git a/src/components/gui.js b/src/components/gui.js
index 905fa47c5cf5e9494be91242b66a1a2f4eb3181b..fab66e2cb49260c7b8cfa0fd2a67f630e984468d 100644
--- a/src/components/gui.js
+++ b/src/components/gui.js
@@ -1,6 +1,7 @@
 const React = require('react');
 
 const Blocks = require('./blocks');
+const GreenFlag = require('./green-flag');
 const Renderer = require('scratch-render');
 const SpriteSelector = require('./sprite-selector');
 const Stage = require('./stage');
@@ -38,6 +39,7 @@ class GUI extends React.Component {
     render () {
         return (
             <div className="scratch-gui">
+                <GreenFlag vm={this.props.vm} />
                 <Stage stageRef={stage => this.stage = stage} />
                 <SpriteSelector vm={this.props.vm} />
                 <Toolbox toolboxRef={toolbox => this.toolbox = toolbox} />