diff --git a/app/app/users/page.tsx b/app/app/users/page.tsx
index 48242325d..86a882c68 100644
--- a/app/app/users/page.tsx
+++ b/app/app/users/page.tsx
@@ -73,7 +73,7 @@ export default function Users() {
           </div>
           {/* todo: standardize the way we show error messages and use error boundary */}
           {Boolean(error) && (
-            <Alert variant="dange">
+            <Alert variant="danger">
               <p>Something went wrong</p>
               <p>
                 <details>
diff --git a/app/components/TableExportModal.tsx b/app/components/TableExportModal.tsx
new file mode 100644
index 000000000..e6af03491
--- /dev/null
+++ b/app/components/TableExportModal.tsx
@@ -0,0 +1,151 @@
+import { useState, useEffect } from "react";
+import Alert from "react-bootstrap/Alert";
+import Button from "react-bootstrap/Button";
+import Modal from "react-bootstrap/Modal";
+import Spinner from "react-bootstrap/Spinner";
+import { useQuery } from "@/utils/graphql";
+import { unparse } from "papaparse";
+import AlignedLabel from "./AlignedLabel";
+import { FaCircleInfo, FaDownload } from "react-icons/fa6";
+import { formatDate } from "@/utils/formatters";
+
+/**
+ * Generate the CSV export filename
+ */
+const formatFileName = (exportFilename?: string) =>
+  `${exportFilename || "export"}-${formatDate(new Date().toISOString())}.csv`;
+
+interface TableExportModalProps {
+  /**
+   * The name that will be given to the exported file, excluding
+   * the file extension
+   */
+  exportFilename?: string;
+  /**
+   * A callback fired when either the modal backdrop is clicked, or the
+   * escape key is pressed
+   */
+  onClose: () => void;
+  /**
+   * The graphql query to use
+   */
+  query: string;
+  /**
+   * If the modal should be visible or hidden
+   */
+  show: boolean;
+  /**
+   * The number of records to be exported
+   */
+  totalRecordCount: number;
+  /**
+   * The typename of the query root that will be used to access the rows returned by the query
+   */
+  typename: string;
+}
+
+/**
+ * UI component which provides a CSV download of the provided query
+ */
+export default function TableExportModal<T extends Record<string, unknown>>({
+  exportFilename,
+  onClose,
+  query,
+  totalRecordCount,
+  show,
+  typename,
+}: TableExportModalProps) {
+  /**
+   * TODO: exclude aggregations from export
+   * https://github.com/cityofaustin/atd-data-tech/issues/20481
+   */
+  const [downloadUrl, setDownloadUrl] = useState<string | null>(null);
+  const { data, isLoading, error } = useQuery<T>({
+    // don't fetch until this modal is visible
+    query: show ? query : null,
+    typename,
+    hasAggregates: false,
+  });
+
+  /**
+   * Hook which updates creates the CSV download blob when data becomes available
+   */
+  useEffect(() => {
+    if (!isLoading && data) {
+      const csvContent = unparse(data, {
+        quotes: true,
+        header: true,
+      });
+      const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+      const url = URL.createObjectURL(blob);
+      setDownloadUrl(url);
+      return () => {
+        // cleanup on unmount
+        URL.revokeObjectURL(url);
+        setDownloadUrl(null);
+      };
+    }
+  }, [isLoading, data]);
+
+  if (error) {
+    console.error(error);
+  }
+
+  return (
+    <Modal show={show} onHide={onClose} animation={false} backdrop="static">
+      <Modal.Header closeButton>
+        <Modal.Title>Download data</Modal.Title>
+      </Modal.Header>
+      <Modal.Body>
+        <Alert
+          variant="info"
+          className="d-flex justify-content-between align-items-center"
+        >
+          <FaCircleInfo className="me-3 fs-4" />
+          <div>
+            You are about to download{" "}
+            <span className="fw-bold">{`${totalRecordCount.toLocaleString()} `}</span>
+            <span>{`record${totalRecordCount === 1 ? "" : "s"}`}</span> — this
+            may take a few minutes for larger downloads
+          </div>
+        </Alert>
+      </Modal.Body>
+      <Modal.Footer>
+        <Button variant="secondary" onClick={onClose}>
+          Cancel
+        </Button>
+        {downloadUrl && (
+          <Button
+            href={downloadUrl || "#"}
+            download={formatFileName(exportFilename)}
+            as="a"
+          >
+            <AlignedLabel>
+              <FaDownload className="me-2" />
+              Download
+            </AlignedLabel>
+          </Button>
+        )}
+        {error && (
+          <Alert variant="danger">
+            <p>Something went wrong</p>
+            <p>
+              <details>
+                <summary>Error</summary>
+                {String(error)}
+              </details>
+            </p>
+          </Alert>
+        )}
+        {isLoading && (
+          <Button disabled variant="outline-primary">
+            <AlignedLabel>
+              <Spinner size="sm" className="me-2" />
+              <span>Loading...</span>
+            </AlignedLabel>
+          </Button>
+        )}
+      </Modal.Footer>
+    </Modal>
+  );
+}
diff --git a/app/components/TablePaginationControls.tsx b/app/components/TablePaginationControls.tsx
index bd54123a7..35b0e7ee6 100644
--- a/app/components/TablePaginationControls.tsx
+++ b/app/components/TablePaginationControls.tsx
@@ -6,15 +6,16 @@ import ButtonToolbar from "react-bootstrap/ButtonToolbar";
 import AlignedLabel from "./AlignedLabel";
 import { QueryConfig } from "@/utils/queryBuilder";
 import "react-datepicker/dist/react-datepicker.css";
-import { FaAngleLeft, FaAngleRight } from "react-icons/fa6";
-import { HasuraAggregateData } from "@/types/graphql";
+import { FaAngleLeft, FaAngleRight, FaDownload } from "react-icons/fa6";
 
 interface PaginationControlProps {
   queryConfig: QueryConfig;
   setQueryConfig: Dispatch<SetStateAction<QueryConfig>>;
   recordCount: number;
+  totalRecordCount: number;
   isLoading: boolean;
-  aggregateData?: HasuraAggregateData;
+  onClickDownload: () => void;
+  exportable: boolean;
 }
 
 /**
@@ -22,24 +23,41 @@ interface PaginationControlProps {
  * QueryConfig offset
  */
 export default function TablePaginationControls({
-  aggregateData,
   queryConfig,
   setQueryConfig,
   recordCount,
+  totalRecordCount,
   isLoading,
+  onClickDownload,
+  exportable,
 }: PaginationControlProps) {
   const currentPageNum = queryConfig.offset / queryConfig.limit + 1;
-  const totalRecords = aggregateData?.aggregate?.count || 0;
 
   return (
     <ButtonToolbar>
       <div className="text-nowrap text-secondary d-flex align-items-center me-2">
-        {totalRecords > 0 && (
-          <span>{`${totalRecords.toLocaleString()} records`}</span>
+        {totalRecordCount > 0 && (
+          <>
+            <span className="me-2">{`${totalRecordCount.toLocaleString()} record${
+              totalRecordCount === 1 ? "" : "s"
+            }`}</span>
+            {exportable && (
+              <Button
+                variant="outline-primary"
+                style={{ border: "none" }}
+                onClick={onClickDownload}
+              >
+                <AlignedLabel>
+                  <FaDownload className="me-2" />
+                  <span>Download</span>
+                </AlignedLabel>
+              </Button>
+            )}
+          </>
         )}
-        {totalRecords <= 0 && <span>No results</span>}
+        {totalRecordCount <= 0 && <span>No results</span>}
       </div>
-      <ButtonGroup className="me-2" aria-label="Date filter preset buttons">
+      <ButtonGroup className="me-2" aria-label="Pagination control buttons">
         <Button
           variant="outline-primary"
           style={{ border: "none" }}
diff --git a/app/components/TableWrapper.tsx b/app/components/TableWrapper.tsx
index a7d23da5f..0e901a8b2 100644
--- a/app/components/TableWrapper.tsx
+++ b/app/components/TableWrapper.tsx
@@ -8,10 +8,16 @@ import Table from "@/components/Table";
 import TableSearch, { SearchSettings } from "@/components/TableSearch";
 import TableDateSelector from "@/components/TableDateSelector";
 import TableSearchFieldSelector from "@/components/TableSearchFieldSelector";
-import { QueryConfig, useQueryBuilder, Filter } from "@/utils/queryBuilder";
+import {
+  QueryConfig,
+  useQueryBuilder,
+  Filter,
+  useExportQuery,
+} from "@/utils/queryBuilder";
 import { ColDataCardDef } from "@/types/types";
 import TableAdvancedSearchFilterMenu from "@/components/TableAdvancedSearchFilterMenu";
 import TableAdvancedSearchFilterToggle from "@/components/TableAdvancedSearchFilterToggle";
+import TableExportModal from "@/components/TableExportModal";
 import TablePaginationControls from "@/components/TablePaginationControls";
 import { useActiveSwitchFilterCount } from "@/components/TableAdvancedSearchFilterToggle";
 import TableResetFiltersToggle from "@/components/TableResetFiltersToggle";
@@ -54,6 +60,7 @@ export default function TableWrapper<T extends Record<string, unknown>>({
   const [isFilterOpen, setIsFilterOpen] = useState(false);
   const [areFiltersDirty, setAreFiltersDirty] = useState(false);
   const [isLocalStorageLoaded, setIsLocalStorageLoaded] = useState(false);
+  const [showExportModal, setShowExportModal] = useState(false);
   const [searchSettings, setSearchSettings] = useState<SearchSettings>({
     searchString: String(initialQueryConfig.searchFilter.value),
     searchColumn: initialQueryConfig.searchFilter.column,
@@ -63,6 +70,7 @@ export default function TableWrapper<T extends Record<string, unknown>>({
   });
 
   const query = useQueryBuilder(queryConfig, contextFilters);
+  const exportQuery = useExportQuery(queryConfig, contextFilters);
 
   const { data, aggregateData, isLoading, error, refetch } = useQuery<T>({
     // dont fire first query until localstorage is loaded
@@ -194,7 +202,9 @@ export default function TableWrapper<T extends Record<string, unknown>>({
               setQueryConfig={setQueryConfig}
               recordCount={rows.length}
               isLoading={isLoading}
-              aggregateData={aggregateData}
+              totalRecordCount={aggregateData?.aggregate?.count || 0}
+              onClickDownload={() => setShowExportModal(true)}
+              exportable={Boolean(queryConfig.exportable)}
             />
           </Col>
         </Row>
@@ -224,6 +234,16 @@ export default function TableWrapper<T extends Record<string, unknown>>({
           />
         </Col>
       </Row>
+      {queryConfig.exportable && (
+        <TableExportModal<T>
+          exportFilename={queryConfig.exportFilename}
+          onClose={() => setShowExportModal(false)}
+          query={exportQuery}
+          show={showExportModal}
+          totalRecordCount={aggregateData?.aggregate?.count || 0}
+          typename={queryConfig.tableName}
+        />
+      )}
     </>
   );
 }
diff --git a/app/configs/crashesListViewTable.ts b/app/configs/crashesListViewTable.ts
index 5c53f607a..677e0d738 100644
--- a/app/configs/crashesListViewTable.ts
+++ b/app/configs/crashesListViewTable.ts
@@ -1,5 +1,6 @@
 import {
   getStartOfYearDate,
+  getYearsAgoDate,
   makeDateFilters,
 } from "@/components/TableDateSelector";
 import { crashesListViewColumns } from "@/configs/crashesListViewColumns";
@@ -226,6 +227,8 @@ const crashesListViewfilterCards: FilterGroup[] = [
 
 export const crashesListViewQueryConfig: QueryConfig = {
   columns,
+  exportable: true,
+  exportFilename: "crashes",
   tableName: "crashes_list_view",
   limit: DEFAULT_QUERY_LIMIT,
   offset: 0,
@@ -244,10 +247,10 @@ export const crashesListViewQueryConfig: QueryConfig = {
     { label: "Address", value: "address_primary" },
   ],
   dateFilter: {
-    mode: "ytd",
+    mode: "1y",
     column: "crash_timestamp",
     filters: makeDateFilters("crash_timestamp", {
-      start: getStartOfYearDate(),
+      start: getYearsAgoDate(1),
       end: null,
     }),
   },
diff --git a/app/configs/locationCrashesTable.ts b/app/configs/locationCrashesTable.ts
index cb69b9a3f..47022346a 100644
--- a/app/configs/locationCrashesTable.ts
+++ b/app/configs/locationCrashesTable.ts
@@ -50,6 +50,8 @@ const locationCrashesFiltercards: FilterGroup[] = [
 
 export const locationCrashesQueryConfig: QueryConfig = {
   columns,
+  exportable: true,
+  exportFilename: "location-crashes",
   tableName: "location_crashes_view",
   limit: DEFAULT_QUERY_LIMIT,
   offset: 0,
diff --git a/app/configs/locationsListViewTable.ts b/app/configs/locationsListViewTable.ts
index 19d7005b1..04923e42a 100644
--- a/app/configs/locationsListViewTable.ts
+++ b/app/configs/locationsListViewTable.ts
@@ -46,6 +46,8 @@ const locationsListViewFiltercards: FilterGroup[] = [
 
 export const locationsListViewQueryConfig: QueryConfig = {
   columns,
+  exportable: true,
+  exportFilename: "locations",
   tableName: "locations_list_view",
   limit: DEFAULT_QUERY_LIMIT,
   offset: 0,
diff --git a/app/utils/constants.ts b/app/utils/constants.ts
index 1000e931a..78a4d8f08 100644
--- a/app/utils/constants.ts
+++ b/app/utils/constants.ts
@@ -1 +1,2 @@
 export const DEFAULT_QUERY_LIMIT = 50;
+export const MAX_RECORD_EXPORT_LIMIT = 1_000_000;
diff --git a/app/utils/queryBuilder.ts b/app/utils/queryBuilder.ts
index c9467aa88..ea8b3f7bb 100644
--- a/app/utils/queryBuilder.ts
+++ b/app/utils/queryBuilder.ts
@@ -1,6 +1,7 @@
 import { useMemo } from "react";
 import { gql } from "graphql-request";
-
+import { produce } from "immer";
+import { MAX_RECORD_EXPORT_LIMIT } from "./constants";
 // todo: test quote escape
 
 const BASE_QUERY_STRING = `
@@ -181,6 +182,15 @@ export interface QueryConfig {
    * managed by the advanced filter component
    */
   filterCards: FilterGroup[];
+  /**
+   * Enables the export functionality
+   */
+  exportable?: boolean;
+  /**
+   * The name that will be given to the exported file, excluding
+   * the file extension
+   */
+  exportFilename?: string;
 }
 
 /**
@@ -416,4 +426,24 @@ export const useQueryBuilder = (
 ): string =>
   useMemo(() => {
     return buildQuery(queryConfig, contextFilters);
+
   }, [queryConfig, contextFilters]);
+
+/**
+ * Hook which builds a graphql query for record exporting
+ */
+export const useExportQuery = <T extends Record<string, unknown>>(
+  queryConfig: QueryConfig,
+  contextFilters?: Filter[]
+): string => {
+  const newQueryConfig = useMemo(() => {
+    // update the provided query with export settings
+    return produce(queryConfig, (newQueryConfig) => {
+      // reset limit and offset
+      newQueryConfig.limit = MAX_RECORD_EXPORT_LIMIT;
+      newQueryConfig.offset = 0;
+      return newQueryConfig;
+    });
+  }, [queryConfig]);
+  return useQueryBuilder(newQueryConfig, contextFilters);
+};