diff --git a/app/embeds/GoogleDocs.js b/app/embeds/GoogleDocs.js
new file mode 100644
index 000000000..753dd6fc0
--- /dev/null
+++ b/app/embeds/GoogleDocs.js
@@ -0,0 +1,19 @@
+// @flow
+import * as React from 'react';
+import Frame from './components/Frame';
+
+const URL_REGEX = new RegExp(
+  '^https?://docs.google.com/document/d/(.*)/pub(.*)$'
+);
+
+type Props = {
+  url: string,
+};
+
+export default class GoogleDocs extends React.Component<Props> {
+  static ENABLED = [URL_REGEX];
+
+  render() {
+    return <Frame src={this.props.url} title="Google Docs Embed" border />;
+  }
+}
diff --git a/app/embeds/GoogleSheets.js b/app/embeds/GoogleSheets.js
new file mode 100644
index 000000000..b8dd59de0
--- /dev/null
+++ b/app/embeds/GoogleSheets.js
@@ -0,0 +1,19 @@
+// @flow
+import * as React from 'react';
+import Frame from './components/Frame';
+
+const URL_REGEX = new RegExp(
+  '^https?://docs.google.com/spreadsheets/d/(.*)/pub(.*)$'
+);
+
+type Props = {
+  url: string,
+};
+
+export default class GoogleSlides extends React.Component<Props> {
+  static ENABLED = [URL_REGEX];
+
+  render() {
+    return <Frame src={this.props.url} title="Google Sheets Embed" border />;
+  }
+}
diff --git a/app/embeds/index.js b/app/embeds/index.js
index c9586265b..5641c8572 100644
--- a/app/embeds/index.js
+++ b/app/embeds/index.js
@@ -5,6 +5,8 @@ import Codepen from './Codepen';
 import Figma from './Figma';
 import Framer from './Framer';
 import Gist from './Gist';
+import GoogleDocs from './GoogleDocs';
+import GoogleSheets from './GoogleSheets';
 import GoogleSlides from './GoogleSlides';
 import InVision from './InVision';
 import Loom from './Loom';
@@ -28,6 +30,8 @@ export default {
   Figma,
   Framer,
   Gist,
+  GoogleDocs,
+  GoogleSheets,
   GoogleSlides,
   InVision,
   Loom,