diff --git a/.env b/.env
new file mode 100644
index 00000000..0454adfc
--- /dev/null
+++ b/.env
@@ -0,0 +1 @@
+REACT_APP_VERSION=$npm_package_version
diff --git a/package.json b/package.json
index 4223d04b..aba96565 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@pybricks/pybricks-code",
-    "version": "0.1.0",
+    "version": "1.0.0-beta.1",
     "license": "MIT",
     "author": "The Pybricks Authors",
     "repository": {
diff --git a/src/components/AboutDialog.tsx b/src/components/AboutDialog.tsx
index f7b506dc..a53f0ffc 100644
--- a/src/components/AboutDialog.tsx
+++ b/src/components/AboutDialog.tsx
@@ -23,6 +23,8 @@ import en from './about-i18n.en.json';
 
 import './about.scss';
 
+const version = process.env.REACT_APP_VERSION;
+
 type StateProps = { showAboutDialog: boolean };
 
 type DispatchProps = { onClose: () => void; onLicenseButtonClick: () => void };
@@ -33,7 +35,11 @@ class AboutDialog extends React.Component<AboutDialogProps> {
     render(): JSX.Element {
         const { i18n, showAboutDialog, onClose, onLicenseButtonClick } = this.props;
         return (
-            <Dialog title={appName} isOpen={showAboutDialog} onClose={() => onClose()}>
+            <Dialog
+                title={`${appName} v${version}`}
+                isOpen={showAboutDialog}
+                onClose={() => onClose()}
+            >
                 <div className={Classes.DIALOG_BODY}>
                     <div className="pb-about-icon">
                         <img src="favicon.ico" />