diff --git a/ide/qml/NotebookCell.qml b/ide/qml/NotebookCell.qml
new file mode 100644
index 0000000..a441b73
--- /dev/null
+++ b/ide/qml/NotebookCell.qml
@@ -0,0 +1,53 @@
+import QtQuick 2.0
+import QtQuick.Controls 2.15
+import QtQuick.Controls.Material 2.0
+import QtQuick.Layouts 1.0
+
+ColumnLayout {
+    id: root
+
+    required property string code
+    required property string result
+
+    RowLayout {
+        Layout.fillWidth: true
+
+        Button {
+            Layout.alignment: Qt.AlignTop
+            icon.source: "qrc:///icons/play-circle.svg"
+            icon.color: Material.color(Material.Grey, Material.Shade600)
+            flat: true
+        }
+
+        ColumnLayout {
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+
+            TextArea {
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+                id: code
+                font.family: "monospace"
+                text: root.code
+                selectByMouse: true
+                wrapMode: TextEdit.WrapAtWordBoundaryOrAnywhere
+
+                Keys.onTabPressed: {
+                    var pos = cursorPosition + 4
+                    text += "    ";
+                    cursorPosition = pos
+                }
+            }
+
+            Label {
+                Layout.fillWidth: true
+                font.family: "monospace"
+                text: root.result
+            }
+        }
+    }
+
+    InsertRow {
+
+    }
+}