diff --git a/__tests__/synonyms.server.ts b/__tests__/synonyms.server.ts
index 84f020558..d5bd3b847 100644
--- a/__tests__/synonyms.server.ts
+++ b/__tests__/synonyms.server.ts
@@ -1,3 +1,10 @@
+/*!
+ * Copyright © 2023 United States Government as represented by the
+ * Administrator of the National Aeronautics and Space Administration.
+ * All Rights Reserved.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
 import { tables } from '@architect/functions'
 import type { AWSError, DynamoDB } from 'aws-sdk'
 import * as awsSDKMock from 'aws-sdk-mock'
diff --git a/app/routes/circulars.$circularId.($version)/AstroData.components.module.scss b/app/components/circularDisplay/AstroData.components.module.scss
similarity index 100%
rename from app/routes/circulars.$circularId.($version)/AstroData.components.module.scss
rename to app/components/circularDisplay/AstroData.components.module.scss
diff --git a/app/routes/circulars.$circularId.($version)/AstroData.components.tsx b/app/components/circularDisplay/AstroData.components.tsx
similarity index 100%
rename from app/routes/circulars.$circularId.($version)/AstroData.components.tsx
rename to app/components/circularDisplay/AstroData.components.tsx
diff --git a/app/routes/circulars.$circularId.($version)/AstroData.tsx b/app/components/circularDisplay/AstroData.tsx
similarity index 100%
rename from app/routes/circulars.$circularId.($version)/AstroData.tsx
rename to app/components/circularDisplay/AstroData.tsx
diff --git a/app/routes/circulars.$circularId.($version)/AstroDataContext.module.scss b/app/components/circularDisplay/AstroDataContext.module.scss
similarity index 100%
rename from app/routes/circulars.$circularId.($version)/AstroDataContext.module.scss
rename to app/components/circularDisplay/AstroDataContext.module.scss
diff --git a/app/routes/circulars.$circularId.($version)/AstroDataContext.tsx b/app/components/circularDisplay/AstroDataContext.tsx
similarity index 98%
rename from app/routes/circulars.$circularId.($version)/AstroDataContext.tsx
rename to app/components/circularDisplay/AstroDataContext.tsx
index 01ff3841a..d45bd59a2 100644
--- a/app/routes/circulars.$circularId.($version)/AstroDataContext.tsx
+++ b/app/components/circularDisplay/AstroDataContext.tsx
@@ -29,6 +29,7 @@ export const AstroDataContext = createContext<AstroDataContextProps>({})
 /**
  * An Astro Flavored Markdown enriched link.
  */
+// eslint-disable-next-line react/display-name
 export const AstroDataLink = forwardRef(
   (
     {
diff --git a/app/routes/circulars.$circularId.($version)/Body.tsx b/app/components/circularDisplay/Body.tsx
similarity index 100%
rename from app/routes/circulars.$circularId.($version)/Body.tsx
rename to app/components/circularDisplay/Body.tsx
diff --git a/app/routes/circulars.$circularId.($version)/FrontMatter.tsx b/app/components/circularDisplay/FrontMatter.tsx
similarity index 95%
rename from app/routes/circulars.$circularId.($version)/FrontMatter.tsx
rename to app/components/circularDisplay/FrontMatter.tsx
index 1f5fb3ce2..84da2f958 100644
--- a/app/routes/circulars.$circularId.($version)/FrontMatter.tsx
+++ b/app/components/circularDisplay/FrontMatter.tsx
@@ -8,8 +8,8 @@
 import { Grid } from '@trussworks/react-uswds'
 import type { ReactNode } from 'react'
 
-import { type Circular, formatDateISO } from '../circulars/circulars.lib'
 import TimeAgo from '~/components/TimeAgo'
+import { type Circular, formatDateISO } from '~/routes/circulars/circulars.lib'
 
 const submittedHowMap = {
   web: 'Web form',
diff --git a/app/routes/circulars.$circularId.($version)/PlainTextBody.module.scss b/app/components/circularDisplay/PlainTextBody.module.scss
similarity index 100%
rename from app/routes/circulars.$circularId.($version)/PlainTextBody.module.scss
rename to app/components/circularDisplay/PlainTextBody.module.scss
diff --git a/app/routes/circulars.$circularId.($version)/rehypeAutolinkLiteral.ts b/app/components/circularDisplay/rehypeAutolinkLiteral.ts
similarity index 100%
rename from app/routes/circulars.$circularId.($version)/rehypeAutolinkLiteral.ts
rename to app/components/circularDisplay/rehypeAutolinkLiteral.ts
diff --git a/app/components/pagination/Pagination.tsx b/app/components/pagination/Pagination.tsx
index 481b92312..a527d462c 100644
--- a/app/components/pagination/Pagination.tsx
+++ b/app/components/pagination/Pagination.tsx
@@ -17,19 +17,22 @@ function getPageLink({
   query,
   startDate,
   endDate,
+  view,
 }: {
   page: number
   limit?: number
   query?: string
   startDate?: string
   endDate?: string
+  view?: string
 }) {
   const searchParams = new URLSearchParams()
   if (page > 1) searchParams.set('page', page.toString())
-  if (limit && limit != 100) searchParams.set('limit', limit.toString())
+  if (limit) searchParams.set('limit', limit.toString())
   if (query) searchParams.set('query', query)
   if (startDate) searchParams.set('startDate', startDate)
   if (endDate) searchParams.set('endDate', endDate)
+  searchParams.set('view', view || 'index')
 
   const searchString = searchParams.toString()
   return searchString && `?${searchString}`
@@ -38,6 +41,7 @@ function getPageLink({
 export default function Pagination({
   page,
   totalPages,
+  view,
   ...queryStringProps
 }: {
   page: number
@@ -46,8 +50,10 @@ export default function Pagination({
   query?: string
   startDate?: string
   endDate?: string
+  view?: string
 }) {
   const pages = usePagination({ currentPage: page, totalPages })
+
   return (
     <nav aria-label="Pagination" className="usa-pagination">
       <ul className="usa-pagination__list">
@@ -63,6 +69,7 @@ export default function Pagination({
                     <Link
                       to={getPageLink({
                         page: pageProps.number,
+                        view,
                         ...queryStringProps,
                       })}
                       className="usa-pagination__link usa-pagination__previous-page"
@@ -102,6 +109,7 @@ export default function Pagination({
                     <Link
                       to={getPageLink({
                         page: pageProps.number,
+                        view,
                         ...queryStringProps,
                       })}
                       className="usa-pagination__link usa-pagination__next-page"
@@ -124,6 +132,7 @@ export default function Pagination({
                   <Link
                     to={getPageLink({
                       page: pageProps.number,
+                      view,
                       ...queryStringProps,
                     })}
                     className={classNames('usa-pagination__button', {
diff --git a/app/components/pagination/PaginationSelectionFooter.tsx b/app/components/pagination/PaginationSelectionFooter.tsx
index f53af9195..7e29c1db3 100644
--- a/app/components/pagination/PaginationSelectionFooter.tsx
+++ b/app/components/pagination/PaginationSelectionFooter.tsx
@@ -16,24 +16,28 @@ export default function PaginationSelectionFooter({
   limit,
   query,
   form,
+  view,
 }: {
   page: number
   totalPages: number
   limit?: number
   query?: string
   form: string
+  view?: string
 }) {
   const submit = useSubmit()
+
   return (
     <div className="display-flex flex-row flex-wrap">
       <div className="display-flex flex-align-self-center margin-right-2 width-auto">
         <div>
+          <input type="hidden" form={form} name="view" id="view" value={view} />
           <Select
             id="limit"
             title="Number of results per page"
             className="width-auto height-5 padding-y-0 margin-y-0"
             name="limit"
-            defaultValue="100"
+            value={limit}
             form={form}
             onChange={({ target: { form } }) => {
               submit(form)
@@ -53,6 +57,7 @@ export default function PaginationSelectionFooter({
             page={page}
             limit={limit}
             totalPages={totalPages}
+            view={view}
           />
         )}
       </div>
diff --git a/app/routes/circulars.$circularId.($version)/route.tsx b/app/routes/circulars.$circularId.($version)/route.tsx
index 32b8087f4..8c5929b07 100644
--- a/app/routes/circulars.$circularId.($version)/route.tsx
+++ b/app/routes/circulars.$circularId.($version)/route.tsx
@@ -15,11 +15,11 @@ import { useOnClickOutside } from 'usehooks-ts'
 
 import type { loader as parentLoader } from '../circulars.$circularId/route'
 import { get } from '../circulars/circulars.server'
-import { MarkdownBody, PlainTextBody } from './Body'
-import { FrontMatter } from './FrontMatter'
 import DetailsDropdownButton from '~/components/DetailsDropdownButton'
 import DetailsDropdownContent from '~/components/DetailsDropdownContent'
 import { ToolbarButtonGroup } from '~/components/ToolbarButtonGroup'
+import { MarkdownBody, PlainTextBody } from '~/components/circularDisplay/Body'
+import { FrontMatter } from '~/components/circularDisplay/FrontMatter'
 import { origin } from '~/lib/env.server'
 import { getCanonicalUrlHeaders, pickHeaders } from '~/lib/headers.server'
 import { useSearchString } from '~/lib/utils'
diff --git a/app/routes/circulars._archive._index/SynonymGroupIndex.tsx b/app/routes/circulars._archive._index/SynonymGroupIndex.tsx
new file mode 100644
index 000000000..b8cf71c27
--- /dev/null
+++ b/app/routes/circulars._archive._index/SynonymGroupIndex.tsx
@@ -0,0 +1,53 @@
+/*!
+ * Copyright © 2023 United States Government as represented by the
+ * Administrator of the National Aeronautics and Space Administration.
+ * All Rights Reserved.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Link } from '@remix-run/react'
+
+import type { SynonymGroupWithMembers } from '../synonyms/synonyms.lib'
+
+export default function ({
+  allItems,
+  totalItems,
+  searchString,
+  query,
+}: {
+  allItems: SynonymGroupWithMembers[]
+  totalItems: number
+  searchString: string
+  query?: string
+}) {
+  return (
+    <>
+      {query && (
+        <h3>
+          {totalItems} result{totalItems != 1 && 's'} found.
+        </h3>
+      )}
+
+      {allItems.map(({ group, members }) => (
+        <div key={group.synonymId}>
+          <details>
+            <summary>
+              <Link to={`/circulars/group/${group.synonymId}${searchString}`}>
+                {group.eventIds.join(', ')}
+              </Link>
+            </summary>
+            <ol className="margin-left-3">
+              {members.map(({ circularId, subject }) => {
+                return (
+                  <li key={circularId} value={circularId}>
+                    <Link to={`/circulars/${circularId}`}>{subject}</Link>
+                  </li>
+                )
+              })}
+            </ol>
+          </details>
+        </div>
+      ))}
+    </>
+  )
+}
diff --git a/app/routes/circulars._archive._index/route.tsx b/app/routes/circulars._archive._index/route.tsx
index 005443b3a..b92ff8021 100644
--- a/app/routes/circulars._archive._index/route.tsx
+++ b/app/routes/circulars._archive._index/route.tsx
@@ -18,11 +18,24 @@ import { Alert, Button, Icon, Label, TextInput } from '@trussworks/react-uswds'
 import clamp from 'lodash/clamp'
 import { useId, useState } from 'react'
 
-import { getUser } from '../_auth/user.server'
+import CircularsHeader from './CircularsHeader'
+import CircularsIndex from './CircularsIndex'
+import { DateSelector } from './DateSelectorMenu'
+import { SortSelector } from './SortSelectorButton'
+import SynonymGroupIndex from './SynonymGroupIndex'
+import Hint from '~/components/Hint'
+import { ToolbarButtonGroup } from '~/components/ToolbarButtonGroup'
+import PaginationSelectionFooter from '~/components/pagination/PaginationSelectionFooter'
+import { feature, origin } from '~/lib/env.server'
+import { getFormDataString } from '~/lib/utils'
+import { postZendeskRequest } from '~/lib/zendesk.server'
+import { useModStatus } from '~/root'
+import { getUser } from '~/routes/_auth/user.server'
 import {
   type CircularFormat,
+  type CircularMetadata,
   circularFormats,
-} from '../circulars/circulars.lib'
+} from '~/routes/circulars/circulars.lib'
 import {
   circularRedirect,
   createChangeRequest,
@@ -33,33 +46,30 @@ import {
   put,
   putVersion,
   search,
-} from '../circulars/circulars.server'
-import CircularsHeader from './CircularsHeader'
-import CircularsIndex from './CircularsIndex'
-import { DateSelector } from './DateSelectorMenu'
-import { SortSelector } from './SortSelectorButton'
-import Hint from '~/components/Hint'
-import { ToolbarButtonGroup } from '~/components/ToolbarButtonGroup'
-import PaginationSelectionFooter from '~/components/pagination/PaginationSelectionFooter'
-import { origin } from '~/lib/env.server'
-import { getFormDataString } from '~/lib/utils'
-import { postZendeskRequest } from '~/lib/zendesk.server'
-import { useModStatus } from '~/root'
+} from '~/routes/circulars/circulars.server'
+import type { SynonymGroupWithMembers } from '~/routes/synonyms/synonyms.lib'
+import { groupMembersByEventId } from '~/routes/synonyms/synonyms.server'
 
 import searchImg from 'nasawds/src/img/usa-icons-bg/search--white.svg'
 
 export async function loader({ request: { url } }: LoaderFunctionArgs) {
+  const synonymFlagIsOn = feature('SYNONYMS')
   const { searchParams } = new URL(url)
   const query = searchParams.get('query') || undefined
-  if (query) {
+  const view = synonymFlagIsOn ? searchParams.get('view') || 'index' : 'index'
+  const isGroupView = view === 'group'
+
+  if (query && view === 'index') {
     await circularRedirect(query)
   }
+
   const startDate = searchParams.get('startDate') || undefined
   const endDate = searchParams.get('endDate') || undefined
   const page = parseInt(searchParams.get('page') || '1')
   const limit = clamp(parseInt(searchParams.get('limit') || '100'), 1, 100)
   const sort = searchParams.get('sort') || 'circularId'
-  const results = await search({
+  const searchFunction = view != 'group' ? search : groupMembersByEventId
+  const results = await searchFunction({
     query,
     page: page - 1,
     limit,
@@ -68,7 +78,15 @@ export async function loader({ request: { url } }: LoaderFunctionArgs) {
     sort,
   })
   const requestedChangeCount = (await getChangeRequests()).length
-  return { page, ...results, requestedChangeCount }
+
+  return {
+    page,
+    ...results,
+    requestedChangeCount,
+    synonymFlagIsOn,
+    limit,
+    isGroupView,
+  }
 }
 
 export async function action({ request }: ActionFunctionArgs) {
@@ -163,10 +181,34 @@ export async function action({ request }: ActionFunctionArgs) {
   return { newCircular, intent }
 }
 
+function handleSearchParams(
+  searchParams: URLSearchParams,
+  synonymFlagIsOn: boolean
+) {
+  // Strip off the ?index param if we navigated here from a form.
+  // See https://remix.run/docs/en/main/guides/index-query-param.
+  searchParams.delete('index')
+  const query = searchParams.get('query') || ''
+  const startDate = searchParams.get('startDate') || undefined
+  const endDate = searchParams.get('endDate') || undefined
+  const sort = searchParams.get('sort') || 'circularID'
+  const view = synonymFlagIsOn ? searchParams.get('view') || 'index' : 'index'
+
+  return { query, startDate, endDate, sort, view }
+}
+
 export default function () {
   const result = useActionData<typeof action>()
-  const { items, page, totalPages, totalItems, requestedChangeCount } =
-    useLoaderData<typeof loader>()
+  const {
+    items,
+    page,
+    totalPages,
+    totalItems,
+    requestedChangeCount,
+    synonymFlagIsOn,
+    limit,
+    isGroupView,
+  } = useLoaderData<typeof loader>()
 
   // Concatenate items from the action and loader functions
   const allItems = [
@@ -174,6 +216,8 @@ export default function () {
     ...(items || []),
   ]
 
+  const formId = useId()
+  const submit = useSubmit()
   const [searchParams] = useSearchParams()
   const userIsModerator = useModStatus()
 
@@ -181,21 +225,18 @@ export default function () {
   // See https://remix.run/docs/en/main/guides/index-query-param.
   searchParams.delete('index')
 
-  const limit = searchParams.get('limit') || '100'
-  const query = searchParams.get('query') || ''
-  const startDate = searchParams.get('startDate') || undefined
-  const endDate = searchParams.get('endDate') || undefined
-  const sort = searchParams.get('sort') || 'circularID'
+  const { query, startDate, endDate, sort, view } = handleSearchParams(
+    searchParams,
+    synonymFlagIsOn
+  )
 
   let searchString = searchParams.toString()
   if (searchString) searchString = `?${searchString}`
 
   const [inputQuery, setInputQuery] = useState(query)
+  const viewState = isGroupView ? 'Index' : 'Group'
   const clean = inputQuery === query
 
-  const formId = useId()
-  const submit = useSubmit()
-
   return (
     <>
       {result?.intent === 'correction' && (
@@ -209,7 +250,9 @@ export default function () {
           it shortly.
         </Alert>
       )}
+
       <CircularsHeader />
+
       {userIsModerator && requestedChangeCount > 0 && (
         <Link to="moderation" className="usa-button usa-button--outline">
           Review {requestedChangeCount} Requested Change
@@ -231,6 +274,7 @@ export default function () {
           <Label srOnly htmlFor="query">
             Search
           </Label>
+          <input type="hidden" name="view" value={view} />
           <TextInput
             autoFocus
             className="minw-15"
@@ -253,12 +297,31 @@ export default function () {
             />
           </Button>
         </Form>
-        <DateSelector
-          form={formId}
-          defaultStartDate={startDate}
-          defaultEndDate={endDate}
-        />
-        {query && <SortSelector form={formId} defaultValue={sort} />}
+
+        {!isGroupView && (
+          <DateSelector
+            form={formId}
+            defaultStartDate={startDate}
+            defaultEndDate={endDate}
+          />
+        )}
+
+        {query && !isGroupView && (
+          <SortSelector form={formId} defaultValue={sort} />
+        )}
+
+        {synonymFlagIsOn && (
+          <Link
+            to={`/circulars?view=${viewState.toLowerCase()}&limit=${limit}`}
+            preventScrollReset
+          >
+            <Button
+              type="button"
+              className="padding-y-1"
+            >{`${viewState} View`}</Button>
+          </Link>
+        )}
+
         <Link to={`/circulars/new${searchString}`}>
           <Button type="button" className="padding-y-1">
             <Icon.Edit role="presentation" /> New
@@ -273,18 +336,30 @@ export default function () {
       </Hint>
       {clean && (
         <>
-          <CircularsIndex
-            allItems={allItems}
-            searchString={searchString}
-            totalItems={totalItems}
-            query={query}
-          />
+          {!isGroupView && (
+            <CircularsIndex
+              allItems={allItems as CircularMetadata[]}
+              searchString={searchString}
+              totalItems={totalItems}
+              query={query}
+            />
+          )}
+          {isGroupView && synonymFlagIsOn && (
+            <SynonymGroupIndex
+              allItems={items as SynonymGroupWithMembers[]}
+              searchString={searchString}
+              totalItems={totalItems}
+              query={query}
+            />
+          )}
+
           <PaginationSelectionFooter
             query={query}
             page={page}
-            limit={parseInt(limit)}
+            limit={limit}
             totalPages={totalPages}
             form={formId}
+            view={view}
           />
         </>
       )}
diff --git a/app/routes/circulars.edit.$circularId/CircularEditForm.tsx b/app/routes/circulars.edit.$circularId/CircularEditForm.tsx
index 363994703..ee473ed20 100644
--- a/app/routes/circulars.edit.$circularId/CircularEditForm.tsx
+++ b/app/routes/circulars.edit.$circularId/CircularEditForm.tsx
@@ -19,8 +19,6 @@ import classnames from 'classnames'
 import { type ReactNode, useContext, useState } from 'react'
 import { dedent } from 'ts-dedent'
 
-import { AstroDataContext } from '../circulars.$circularId.($version)/AstroDataContext'
-import { MarkdownBody } from '../circulars.$circularId.($version)/Body'
 import {
   type CircularFormat,
   bodyIsValid,
@@ -32,6 +30,8 @@ import { RichEditor } from './RichEditor'
 import { CircularsKeywords } from '~/components/CircularsKeywords'
 import CollapsableInfo from '~/components/CollapsableInfo'
 import Spinner from '~/components/Spinner'
+import { AstroDataContext } from '~/components/circularDisplay/AstroDataContext'
+import { MarkdownBody } from '~/components/circularDisplay/Body'
 import { useModStatus } from '~/root'
 
 function SyntaxExample({
diff --git a/app/routes/circulars.edit.$circularId/RichEditor/index.tsx b/app/routes/circulars.edit.$circularId/RichEditor/index.tsx
index 6d959849f..827fa8c32 100644
--- a/app/routes/circulars.edit.$circularId/RichEditor/index.tsx
+++ b/app/routes/circulars.edit.$circularId/RichEditor/index.tsx
@@ -19,12 +19,9 @@ import { useRef, useState } from 'react'
 import { flushSync } from 'react-dom'
 import dedent from 'ts-dedent'
 
-import {
-  MarkdownBody,
-  PlainTextBody,
-} from '../../circulars.$circularId.($version)/Body'
 import { GitLabIcon } from './GitLabIcon'
 import { onKeyDown } from './onKeyDown'
+import { MarkdownBody, PlainTextBody } from '~/components/circularDisplay/Body'
 import { TabButton, TabButtonGroup } from '~/components/tabs'
 
 import styles from './index.module.css'
@@ -275,7 +272,7 @@ export function RichEditor({
 
         | Heading 1    | Heading 2    |
         | ------------ | ------------ |
-        | Row 1, col 1 | Row 1, col 2 | 
+        | Row 1, col 1 | Row 1, col 2 |
         | Row 2, col 1 | Row 2, col 2 |
 
         `
diff --git a/app/routes/circulars.group.$synonymId.tsx b/app/routes/circulars.group.$synonymId.tsx
new file mode 100644
index 000000000..c954e17ee
--- /dev/null
+++ b/app/routes/circulars.group.$synonymId.tsx
@@ -0,0 +1,90 @@
+/*!
+ * Copyright © 2023 United States Government as represented by the
+ * Administrator of the National Aeronautics and Space Administration.
+ * All Rights Reserved.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type { LoaderFunctionArgs } from '@remix-run/node'
+import { Link, useLoaderData } from '@remix-run/react'
+import { Icon } from '@trussworks/react-uswds'
+import invariant from 'tiny-invariant'
+
+import {
+  getAllSynonymMembers,
+  getSynonymById,
+} from './synonyms/synonyms.server'
+import { ToolbarButtonGroup } from '~/components/ToolbarButtonGroup'
+import { PlainTextBody } from '~/components/circularDisplay/Body'
+import { FrontMatter } from '~/components/circularDisplay/FrontMatter'
+import { feature } from '~/lib/env.server'
+import type { BreadcrumbHandle } from '~/root/Title'
+
+export const handle: BreadcrumbHandle = {
+  breadcrumb: 'Circular Group Overview',
+}
+
+export async function loader({
+  params: { synonymId },
+  request: { url },
+}: LoaderFunctionArgs) {
+  if (!feature('SYNONYMS')) throw new Response(null, { status: 404 })
+  invariant(synonymId)
+
+  const { searchParams } = new URL(url)
+  const view = searchParams.get('view') || 'group'
+  const limit = searchParams.get('limit') || '20'
+  const page = searchParams.get('page') || '1'
+  const synonym = await getSynonymById(synonymId)
+  const members = await getAllSynonymMembers(synonym.eventIds)
+
+  return { members, eventIds: synonym.eventIds, view, limit, page }
+}
+
+export default function Group() {
+  const { members, eventIds, view, limit, page } =
+    useLoaderData<typeof loader>()
+  const searchParams = new URLSearchParams()
+  if (view) searchParams.set('view', view)
+  if (view) searchParams.set('limit', limit)
+  if (view) searchParams.set('page', page)
+  const searchString = searchParams.toString()
+
+  return (
+    <>
+      <ToolbarButtonGroup className="flex-wrap">
+        <Link
+          to={`/circulars?${searchString}`}
+          className="usa-button flex-align-stretch"
+        >
+          <div className="position-relative">
+            <Icon.ArrowBack
+              role="presentation"
+              className="position-absolute top-0 left-0"
+            />
+          </div>
+          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Back
+        </Link>
+      </ToolbarButtonGroup>
+
+      <h1>{eventIds.join(', ')}</h1>
+      {members.map((circular) => (
+        <div key={circular.circularId}>
+          <h2 className="margin-2">{`GCN Circular ${circular.circularId}`}</h2>
+          <div className="margin-2">
+            <FrontMatter
+              createdOn={circular.createdOn}
+              submitter={circular.submitter}
+              subject={circular.subject}
+              submittedHow={circular.submittedHow}
+              editedBy={circular.editedBy}
+              editedOn={circular.editedOn}
+            />
+          </div>
+          <PlainTextBody className="margin-2" children={circular.body} />
+          <hr />
+        </div>
+      ))}
+    </>
+  )
+}
diff --git a/app/routes/circulars.group/route.tsx b/app/routes/circulars.group/route.tsx
new file mode 100644
index 000000000..652521108
--- /dev/null
+++ b/app/routes/circulars.group/route.tsx
@@ -0,0 +1,29 @@
+/*!
+ * Copyright © 2023 United States Government as represented by the
+ * Administrator of the National Aeronautics and Space Administration.
+ * All Rights Reserved.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Outlet } from '@remix-run/react'
+import { GridContainer } from '@trussworks/react-uswds'
+
+import { feature } from '~/lib/env.server'
+import type { BreadcrumbHandle } from '~/root/Title'
+
+export const handle: BreadcrumbHandle = {
+  breadcrumb: 'Circular Group',
+}
+
+export function loader() {
+  if (!feature('SYNONYMS')) throw new Response(null, { status: 404 })
+  return null
+}
+
+export default function () {
+  return (
+    <GridContainer className="usa-section">
+      <Outlet />
+    </GridContainer>
+  )
+}
diff --git a/app/routes/synonyms._index.tsx b/app/routes/synonyms._index.tsx
index 065dbc11c..1e3b1b06e 100644
--- a/app/routes/synonyms._index.tsx
+++ b/app/routes/synonyms._index.tsx
@@ -62,7 +62,7 @@ function SynonymList({ synonyms }: { synonyms: SynonymGroup[] }) {
   )
 }
 export default function () {
-  const { synonyms, page, totalPages } = useLoaderData<typeof loader>()
+  const { items, page, totalPages } = useLoaderData<typeof loader>()
   const submit = useSubmit()
   const formId = useId()
   const [searchParams] = useSearchParams()
@@ -116,7 +116,7 @@ export default function () {
           </ToolbarButtonGroup>
         </Grid>
       </GridContainer>
-      <SynonymList synonyms={synonyms} />
+      <SynonymList synonyms={items} />
       <PaginationSelectionFooter
         query={query}
         page={page}
diff --git a/app/routes/synonyms/synonyms.lib.ts b/app/routes/synonyms/synonyms.lib.ts
index a0e3a40ac..7d1da8a81 100644
--- a/app/routes/synonyms/synonyms.lib.ts
+++ b/app/routes/synonyms/synonyms.lib.ts
@@ -5,6 +5,7 @@
  *
  * SPDX-License-Identifier: Apache-2.0
  */
+import type { Circular } from '~/routes/circulars/circulars.lib'
 
 /* Data structure in DynamoDB */
 export interface Synonym {
@@ -17,3 +18,8 @@ export interface SynonymGroup {
   synonymId: string
   eventIds: string[]
 }
+
+export interface SynonymGroupWithMembers {
+  group: SynonymGroup
+  members: Circular[]
+}
diff --git a/app/routes/synonyms/synonyms.server.ts b/app/routes/synonyms/synonyms.server.ts
index e38b388dd..3a2c1b954 100644
--- a/app/routes/synonyms/synonyms.server.ts
+++ b/app/routes/synonyms/synonyms.server.ts
@@ -11,7 +11,11 @@ import { search as getSearchClient } from '@nasa-gcn/architect-functions-search'
 import crypto from 'crypto'
 
 import type { Circular } from '../circulars/circulars.lib'
-import type { Synonym, SynonymGroup } from './synonyms.lib'
+import type {
+  Synonym,
+  SynonymGroup,
+  SynonymGroupWithMembers,
+} from './synonyms.lib'
 
 export async function getSynonymsByUuid(synonymId: string) {
   const db = await tables()
@@ -35,7 +39,7 @@ export async function searchSynonymsByEventId({
   page: number
   eventId?: string
 }): Promise<{
-  synonyms: SynonymGroup[]
+  items: SynonymGroup[]
   totalItems: number
   totalPages: number
   page: number
@@ -90,7 +94,7 @@ export async function searchSynonymsByEventId({
   )
 
   return {
-    synonyms: results,
+    items: results,
     totalItems,
     totalPages,
     page,
@@ -110,18 +114,6 @@ async function validateEventIds({ eventIds }: { eventIds: string[] }) {
   return filteredResponses.length === eventIds.length
 }
 
-async function getSynonymMembers(eventId: string) {
-  const db = await tables()
-  const { Items } = await db.circulars.query({
-    IndexName: 'circularsByEventId',
-    KeyConditionExpression: 'eventId = :eventId',
-    ExpressionAttributeValues: {
-      ':eventId': eventId,
-    },
-  })
-  return Items as Circular[]
-}
-
 /*
  * If an eventId already has a synonym and is passed in, it will unlink the
  * eventId from the old synonym and the only remaining link will be to the
@@ -281,3 +273,87 @@ export async function autoCompleteEventIds({
 
   return { options }
 }
+
+export async function getSynonymById(synonymId: string) {
+  const client = await getSearchClient()
+  const {
+    body: {
+      hits: { hits },
+    },
+  } = await client.search({
+    index: 'synonym-groups',
+    body: {
+      query: {
+        bool: {
+          should: {
+            match: {
+              synonymId,
+            },
+          },
+        },
+      },
+    },
+  })
+  const results = hits.map(
+    ({
+      _source: body,
+    }: {
+      _source: SynonymGroup
+      fields: { eventIds: []; synonymId: string }
+    }) => body
+  )
+
+  return results[0] as SynonymGroup
+}
+
+export async function groupMembersByEventId({
+  limit = 10,
+  page,
+  eventId,
+  query,
+}: {
+  limit?: number
+  page: number
+  eventId?: string
+  query?: string
+}): Promise<{
+  items: SynonymGroupWithMembers[]
+  totalItems: number
+  totalPages: number
+}> {
+  const searchTerm = eventId || query
+  const searchResults = await searchSynonymsByEventId({
+    limit,
+    page,
+    eventId: searchTerm,
+  })
+  const groupedItems = searchResults.items.map(async (group) => {
+    const promises = group.eventIds.map((eventId) => getSynonymMembers(eventId))
+    const members = (await Promise.all(promises)).flat()
+    return { group, members }
+  })
+  const items = await Promise.all(groupedItems)
+  return {
+    items,
+    totalItems: searchResults.totalItems,
+    totalPages: searchResults.totalPages,
+  }
+}
+
+async function getSynonymMembers(eventId: string) {
+  const db = await tables()
+  const { Items } = await db.circulars.query({
+    IndexName: 'circularsByEventId',
+    KeyConditionExpression: 'eventId = :eventId',
+    ExpressionAttributeValues: {
+      ':eventId': eventId,
+    },
+  })
+  return Items as Circular[]
+}
+
+export async function getAllSynonymMembers(eventIds: string[]) {
+  const promises = eventIds.map(getSynonymMembers)
+  const results = (await Promise.all(promises)).flat()
+  return results
+}