diff --git a/web/tag-farcaster-channel/tag-farcaster-channel-modal.css b/web/tag-farcaster-channel/tag-farcaster-channel-modal.css
new file mode 100644
--- /dev/null
+++ b/web/tag-farcaster-channel/tag-farcaster-channel-modal.css
@@ -0,0 +1,22 @@
+.modalDescription {
+  color: var(--text-background-secondary-default);
+  font-size: var(--m-font-16);
+  margin-bottom: 24px;
+}
+
+.farcasterChannelTitle {
+  color: var(--text-background-primary-default);
+  font-size: var(--l-font-18);
+  margin-bottom: 8px;
+}
+
+.farcasterChannelText {
+  color: var(--text-background-secondary-default);
+  font-size: var(--m-font-16);
+  font-weight: var(--bold);
+}
+
+.noChannelText {
+  color: var(--text-background-secondary-default);
+  font-size: var(--m-font-16);
+}
diff --git a/web/tag-farcaster-channel/tag-farcaster-channel-modal.react.js b/web/tag-farcaster-channel/tag-farcaster-channel-modal.react.js
new file mode 100644
--- /dev/null
+++ b/web/tag-farcaster-channel/tag-farcaster-channel-modal.react.js
@@ -0,0 +1,55 @@
+// @flow
+
+import * as React from 'react';
+
+import { useModalContext } from 'lib/components/modal-provider.react.js';
+import type { CommunityInfo } from 'lib/types/community-types.js';
+
+import css from './tag-farcaster-channel-modal.css';
+import Modal from '../modals/modal.react.js';
+import { useSelector } from '../redux/redux-utils.js';
+
+type Props = {
+  +communityID: string,
+};
+
+function TagFarcasterChannelModal(props: Props): React.Node {
+  const { communityID } = props;
+
+  const { popModal } = useModalContext();
+
+  const communityInfo: ?CommunityInfo = useSelector(
+    state => state.communityStore.communityInfos[communityID],
+  );
+
+  const channelNameTextContent = React.useMemo(() => {
+    if (!communityInfo?.farcasterChannelID) {
+      return (
+        <div className={css.noChannelText}>No Farcaster channel tagged</div>
+      );
+    }
+
+    return (
+      <div className={css.farcasterChannelText}>
+        /{communityInfo.farcasterChannelID}
+      </div>
+    );
+  }, [communityInfo?.farcasterChannelID]);
+
+  const tagFarcasterChannelModal = React.useMemo(
+    () => (
+      <Modal name="Tag a Farcaster channel" onClose={popModal} size="large">
+        <div className={css.modalDescription}>
+          Tag a Farcaster channel so followers can find your Comm community!
+        </div>
+        <div className={css.farcasterChannelTitle}>Selected channel:</div>
+        {channelNameTextContent}
+      </Modal>
+    ),
+    [channelNameTextContent, popModal],
+  );
+
+  return tagFarcasterChannelModal;
+}
+
+export default TagFarcasterChannelModal;