diff --git a/public/locales/en.json b/public/locales/en.json
index 7e433e2..e5993c2 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -238,7 +238,7 @@
     "transactionsCardTitle": "Transactions",
     "transactionsError": "There was an error fetching your transactions. See the console for details.",
 
-    "blockValueCardTitle": "Block Value",
+    "blockValueCardTitle": "Block value",
     "blockValueBaseValue": "Base value (<1></1>)",
     "blockValueBaseValueNames": "{{count, number}} name",
     "blockValueBaseValueNames_plural": "{{count, number}} names",
@@ -248,7 +248,7 @@
     "blockValueReset_plural": "Resets in <1>{{count, number}} blocks</1>",
     "blockValueEmptyDescription": "The block value increases when <1>names</1> are purchased.",
 
-    "blockDifficultyCardTitle": "Block Difficulty",
+    "blockDifficultyCardTitle": "Block difficulty",
     "blockDifficultyError": "There was an error fetching the block difficulty. See the console for details.",
     "blockDifficultyHashRate": "Approx. <1 />",
     "blockDifficultyHashRateTooltip": "Estimated combined network mining hash rate, based on the current work.",
@@ -259,7 +259,7 @@
     "motdCardTitle": "Server MOTD",
     "motdDebugMode": "This sync node is an unofficial development server. Balances and transactions can be manipulated. Proceed with caution.",
 
-    "whatsNewCardTitle": "What's New"
+    "whatsNewCardTitle": "What's new"
   },
 
   "credits": {
@@ -284,8 +284,12 @@
     "autoRefreshTables": "Auto-refresh tables",
     "autoRefreshTablesDescription": "Whether or not large table listings (e.g. transactions, names) should automatically refresh when a change is detected on the network.",
 
-    "subMenuDebug": "Debug settings",
+    "subMenuAdvanced": "Advanced settings",
+    "copyNameSuffixes": "Include suffix when copying names",
+    "addressCopyButtons": "Show copy buttons next to all addresses",
+    "nameCopyButtons": "Show copy buttons next to all names",
 
+    "subMenuDebug": "Debug settings",
     "advancedWalletFormats": "Advanced wallet formats",
     "menuTranslations": "Translations",
 
@@ -441,5 +445,34 @@
     "resultInvalid": "That does not look like a valid Krist address.",
     "resultUnknownTitle": "Unknown error",
     "resultUnknown": "See console for details."
+  },
+
+  "name": {
+    "title": "Name",
+
+    "buttonSendKrist": "Send Krist to {{name}}",
+    "buttonTransferKrist": "Transfer Krist to {{name}}",
+    "buttonARecord": "Update A record",
+    "buttonTransferName": "Transfer name",
+
+    "owner": "Owned by",
+    "originalOwner": "Purchased by",
+    "registered": "Registered",
+    "updated": "Last updated",
+    "unpaid": "Unpaid blocks",
+    "unpaidCount": "{{count, number}} block",
+    "unpaidCount_plural": "{{count, number}} blocks",
+
+    "cardRecentTransactionsTitle": "Recent transactions",
+    "cardHistoryTitle": "Name history",
+    "transactionsError": "There was an error fetching the transactions. See the console for details.",
+    "historyError": "There was an error fetching the name history. See the console for details.",
+
+    "resultInvalidTitle": "Invalid name",
+    "resultInvalid": "That does not look like a valid Krist name.",
+    "resultNotFoundTitle": "Name not found",
+    "resultNotFound": "That name does not exist.",
+    "resultUnknownTitle": "Unknown error",
+    "resultUnknown": "See console for details."
   }
 }
diff --git a/src/components/ContextualAddress.tsx b/src/components/ContextualAddress.tsx
index 33cd274..51f6a26 100644
--- a/src/components/ContextualAddress.tsx
+++ b/src/components/ContextualAddress.tsx
@@ -3,7 +3,7 @@
 // Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
 import React from "react";
 import classNames from "classnames";
-import { Tooltip } from "antd";
+import { Tooltip, Typography } from "antd";
 
 import { useSelector } from "react-redux";
 import { RootState } from "../store";
@@ -14,11 +14,14 @@
 import { Wallet, useWallets } from "../krist/wallets/Wallet";
 import { parseCommonMeta, CommonMeta } from "../utils/commonmeta";
 import { stripNameSuffix } from "../utils/currency";
+import { useBooleanSetting } from "../utils/settings";
 
 import { KristNameLink } from "./KristNameLink";
 
 import "./ContextualAddress.less";
 
+const { Text } = Typography;
+
 interface Props {
   address: KristAddress | string | null;
   wallet?: Wallet | false;
@@ -26,6 +29,7 @@
   source?: boolean;
   hideNameAddress?: boolean;
   allowWrap?: boolean;
+  neverCopyable?: boolean;
   className?: string;
 }
 
@@ -73,11 +77,13 @@
   source,
   hideNameAddress,
   allowWrap,
+  neverCopyable,
   className
 }: Props): JSX.Element {
   const { t } = useTranslation();
   const { walletAddressMap } = useWallets();
   const nameSuffix = useSelector((s: RootState) => s.node.currency.name_suffix);
+  const addressCopyButtons = useBooleanSetting("addressCopyButtons");
 
   if (!origAddress) return (
     <span className="contextual-address address-unknown">{t("contextualAddressUnknown")}</span>
@@ -94,30 +100,35 @@
   const commonMeta = parseCommonMeta(nameSuffix, metadata);
   const hasMetaname = source ? !!commonMeta?.returnRecipient : !!commonMeta?.recipient;
 
+  const copyable = !neverCopyable && addressCopyButtons
+    ? { text: address } : undefined;
+
   const classes = classNames("contextual-address", className, {
     "contextual-address-allow-wrap": allowWrap
   });
 
-  return <span className={classes}><Tooltip title={address}>
-    {commonMeta && hasMetaname
-      ? (
-        // Display the metaname and link to the name if possible
-        <AddressMetaname
-          nameSuffix={nameSuffix}
-          address={address}
-          commonMeta={commonMeta}
-          source={!!source}
-          hideNameAddress={!!hideNameAddress}
-        />
-      )
-      : (
-        // Display our wallet label if present, but link to the address
-        <Link to={"/network/addresses/" + encodeURIComponent(address)}>
-          {wallet && wallet.label
-            ? <span className="address-wallet">{wallet.label}</span>
-            : <span className="address-address">{address}</span>}
-        </Link>
-      )
-    }
-  </Tooltip></span>;
+  return <Text className={classes} copyable={copyable}>
+    <Tooltip title={address}>
+      {commonMeta && hasMetaname
+        ? (
+          // Display the metaname and link to the name if possible
+          <AddressMetaname
+            nameSuffix={nameSuffix}
+            address={address}
+            commonMeta={commonMeta}
+            source={!!source}
+            hideNameAddress={!!hideNameAddress}
+          />
+        )
+        : (
+          // Display our wallet label if present, but link to the address
+          <Link to={"/network/addresses/" + encodeURIComponent(address)}>
+            {wallet && wallet.label
+              ? <span className="address-wallet">{wallet.label}</span>
+              : <span className="address-address">{address}</span>}
+          </Link>
+        )
+      }
+    </Tooltip>
+  </Text>;
 }
diff --git a/src/components/KristNameLink.tsx b/src/components/KristNameLink.tsx
index 1227981..f441e35 100644
--- a/src/components/KristNameLink.tsx
+++ b/src/components/KristNameLink.tsx
@@ -3,29 +3,45 @@
 // Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
 import React from "react";
 import classNames from "classnames";
+import { Typography } from "antd";
 
 import { useSelector } from "react-redux";
 import { RootState } from "../store";
 
 import { Link } from "react-router-dom";
 
+import { useBooleanSetting } from "../utils/settings";
+
+const { Text } = Typography;
+
 interface OwnProps {
   name: string;
   noLink?: boolean;
+  neverCopyable?: boolean;
 }
 type Props = React.HTMLProps<HTMLSpanElement> & OwnProps;
 
-export function KristNameLink({ name, noLink, ...props }: Props): JSX.Element | null {
+export function KristNameLink({ name, noLink, neverCopyable, ...props }: Props): JSX.Element | null {
   const nameSuffix = useSelector((s: RootState) => s.node.currency.name_suffix);
+  const nameCopyButtons = useBooleanSetting("nameCopyButtons");
+  const copyNameSuffixes = useBooleanSetting("copyNameSuffixes");
 
   if (!name) return null;
+  const nameWithSuffix = `${name}.${nameSuffix}`;
 
-  const contents = `${name}.${nameSuffix}`;
+  const copyable = !neverCopyable && nameCopyButtons
+    ? { text: copyNameSuffixes ? nameWithSuffix : name }
+    : undefined;
+
   const classes = classNames("krist-name", props.className);
 
-  return <span className={classes}>
+  return <Text className={classes} copyable={copyable}>
     {noLink
-      ? contents
-      : <Link to={"/network/names/" + encodeURIComponent(name)}>{contents}</Link>}
-  </span>;
+      ? nameWithSuffix
+      : (
+        <Link to={"/network/names/" + encodeURIComponent(name)}>
+          {nameWithSuffix}
+        </Link>
+      )}
+  </Text>;
 }
diff --git a/src/components/Statistic.less b/src/components/Statistic.less
index d34cbff..fda735a 100644
--- a/src/components/Statistic.less
+++ b/src/components/Statistic.less
@@ -11,5 +11,19 @@
 
   &-value {
     font-size: @heading-3-size;
+
+    .ant-typography-copy {
+      line-height: 1 !important;
+      margin-left: @padding-xs;
+
+      .anticon {
+        font-size: @font-size-base;
+        vertical-align: 0;
+      }
+    }
+  }
+
+  &-green &-value {
+    color: @kw-green;
   }
 }
diff --git a/src/components/Statistic.tsx b/src/components/Statistic.tsx
index 8596ebb..1a25fbd 100644
--- a/src/components/Statistic.tsx
+++ b/src/components/Statistic.tsx
@@ -2,6 +2,7 @@
 // This file is part of KristWeb 2 under GPL-3.0.
 // Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
 import React from "react";
+import classNames from "classnames";
 
 import { useTranslation } from "react-i18next";
 
@@ -11,12 +12,19 @@
   title?: string;
   titleKey?: string;
   value?: React.ReactNode;
+
+  className?: string;
+  green?: boolean;
 }
 
-export function Statistic({ title, titleKey, value }: Props): JSX.Element {
+export function Statistic({ title, titleKey, value, className, green }: Props): JSX.Element {
   const { t } = useTranslation();
 
-  return <div className="kw-statistic">
+  const classes = classNames("kw-statistic", className, {
+    "kw-statistic-green": green
+  });
+
+  return <div className={classes}>
     <span className="kw-statistic-title">{titleKey ? t(titleKey) : title}</span>
     <span className="kw-statistic-value">{value}</span>
   </div>;
diff --git a/src/components/transactions/TransactionItem.tsx b/src/components/transactions/TransactionItem.tsx
index c8a7918..590acad 100644
--- a/src/components/transactions/TransactionItem.tsx
+++ b/src/components/transactions/TransactionItem.tsx
@@ -133,7 +133,11 @@
         )
         : tx.type === "name_transfer" && (
           // Transaction name
-          <KristNameLink name={tx.name || ""} className="transaction-name" />
+          <KristNameLink
+            name={tx.name || ""}
+            className="transaction-name"
+            neverCopyable
+          />
         )}
     </Col>
   </Row>;
diff --git a/src/components/wallets/SelectWalletFormat.tsx b/src/components/wallets/SelectWalletFormat.tsx
index d16f7f4..269fcc7 100644
--- a/src/components/wallets/SelectWalletFormat.tsx
+++ b/src/components/wallets/SelectWalletFormat.tsx
@@ -4,19 +4,17 @@
 import React from "react";
 import { Select } from "antd";
 
-import { useSelector } from "react-redux";
-import { RootState } from "../../store";
-
 import { useTranslation } from "react-i18next";
 
 import { WalletFormatName, ADVANCED_FORMATS } from "../../krist/wallets/formats/WalletFormat";
+import { useBooleanSetting } from "../../utils/settings";
 
 interface Props {
   initialFormat: WalletFormatName;
 }
 
 export function SelectWalletFormat({ initialFormat }: Props): JSX.Element {
-  const advancedWalletFormats = useSelector((s: RootState) => s.settings.walletFormats);
+  const advancedWalletFormats = useBooleanSetting("walletFormats");
   const { t } = useTranslation();
 
   return <Select>
diff --git a/src/global/AppRouter.tsx b/src/global/AppRouter.tsx
index f5c2de3..1b232c5 100644
--- a/src/global/AppRouter.tsx
+++ b/src/global/AppRouter.tsx
@@ -9,6 +9,7 @@
 
 import { AddressPage } from "../pages/addresses/AddressPage";
 import { TransactionsPage, ListingType as TXListing } from "../pages/transactions/TransactionsPage";
+import { NamePage } from "../pages/names/NamePage";
 import { NamesPage, ListingType as NamesListing } from "../pages/names/NamesPage";
 
 import { SettingsPage } from "../pages/settings/SettingsPage";
@@ -44,6 +45,8 @@
     component: <TransactionsPage listingType={TXListing.NETWORK_ALL} /> },
   { path: "/network/names", name: "networkNames",
     component: <NamesPage listingType={NamesListing.NETWORK_ALL} /> },
+  { path: "/network/names/:name", name: "networkNames",
+    component: <NamePage /> },
   { path: "/network/names/:name/history", name: "nameHistory",
     component: <TransactionsPage listingType={TXListing.NAME_HISTORY} /> },
   { path: "/network/names/:name/transactions", name: "nameTransactions",
diff --git a/src/krist/api/lookup.ts b/src/krist/api/lookup.ts
index 978fd5a..a085daf 100644
--- a/src/krist/api/lookup.ts
+++ b/src/krist/api/lookup.ts
@@ -86,7 +86,7 @@
 
   // Map the lookup type to the appropriate route
   // TODO: this is kinda wack
-  const type = opts.type || LookupTransactionType.TRANSACTIONS;
+  const type = opts.type ?? LookupTransactionType.TRANSACTIONS;
   const route = type === LookupTransactionType.TRANSACTIONS
     ? "transactions" : "names";
   const routeExtra = type !== LookupTransactionType.TRANSACTIONS
diff --git a/src/layout/PageLayout.less b/src/layout/PageLayout.less
index dcfeab6..164dc90 100644
--- a/src/layout/PageLayout.less
+++ b/src/layout/PageLayout.less
@@ -10,6 +10,12 @@
     height: @kw-page-header-height;
 
     padding-bottom: 0;
+
+    .ant-page-header-heading-sub-title {
+      .ant-typography {
+        color: inherit;
+      }
+    }
   }
 
   .page-layout-contents {
@@ -25,6 +31,11 @@
   }
 
   &.page-layout-negative-margin {
+    .page-layout-header.ant-page-header {
+      // Ensure it's still clickable
+      z-index: 10;
+    }
+
     .page-layout-contents {
       // Used to pull table pagination up to the 'extra' area of the header
       margin-top: -@kw-page-header-height + 4;
diff --git a/src/pages/names/NameButtonRow.tsx b/src/pages/names/NameButtonRow.tsx
new file mode 100644
index 0000000..efd9bcb
--- /dev/null
+++ b/src/pages/names/NameButtonRow.tsx
@@ -0,0 +1,53 @@
+// Copyright (c) 2020-2021 Drew Lemmy
+// This file is part of KristWeb 2 under GPL-3.0.
+// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
+import React from "react";
+import { Button } from "antd";
+import { SendOutlined, SwapOutlined, EditOutlined } from "@ant-design/icons";
+
+import { useTranslation } from "react-i18next";
+
+import { KristName } from "../../krist/api/types";
+import { Wallet } from "../../krist/wallets/Wallet";
+
+interface Props {
+  name: KristName;
+  nameWithSuffix: string;
+  myWallet?: Wallet;
+}
+
+// TODO: _name is currently unused, but will be used when these buttons can
+//       actually do something
+export function NameButtonRow({ name: _name, nameWithSuffix, myWallet }: Props): JSX.Element {
+  const { t } = useTranslation();
+
+  return <>
+    {/* Send/transfer Krist button */}
+    {myWallet
+      ? (
+        <Button type="primary" icon={<SwapOutlined />} className="nyi">
+          {t("name.buttonTransferKrist", { name: nameWithSuffix })}
+        </Button>
+      )
+      : (
+        <Button type="primary" icon={<SendOutlined />} className="nyi">
+          {t("name.buttonSendKrist", { name: nameWithSuffix })}
+        </Button>
+      )}
+
+    {/* If we're the name owner, show the management buttons */}
+    {/* Update A record button */}
+    {myWallet && (
+      <Button icon={<EditOutlined />} className="nyi">
+        {t("name.buttonARecord")}
+      </Button>
+    )}
+
+    {/* Transfer name button */}
+    {myWallet && (
+      <Button danger className="nyi">
+        {t("name.buttonTransferName")}
+      </Button>
+    )}
+  </>;
+}
diff --git a/src/pages/names/NamePage.less b/src/pages/names/NamePage.less
new file mode 100644
index 0000000..7a99d64
--- /dev/null
+++ b/src/pages/names/NamePage.less
@@ -0,0 +1,49 @@
+// Copyright (c) 2020-2021 Drew Lemmy
+// This file is part of KristWeb 2 under GPL-3.0.
+// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
+@import (reference) "../../App.less";
+
+.name-page {
+  .top-name-row {
+    display: flex;
+    align-items: center;
+
+    .name {
+      display: inline-block;
+      margin-right: @margin-lg;
+      margin-bottom: 0;
+
+      font-size: @font-size-base * 2;
+      font-weight: 500;
+
+      .ant-typography-copy {
+        line-height: 1 !important;
+        margin-left: @padding-xs;
+
+        .anticon {
+          font-size: @font-size-base;
+          vertical-align: 0;
+        }
+      }
+    }
+
+    .ant-btn {
+      margin-right: @margin-md;
+      &:last-child { margin-right: 0; }
+    }
+  }
+
+  .name-info-row {
+    max-width: 768px;
+    margin-bottom: @margin-lg;
+
+    .kw-statistic {
+      margin-top: @margin-lg;
+      margin-right: @margin-lg;
+
+      .date-time {
+        font-size: @font-size-base * 1.5;
+      }
+    }
+  }
+}
diff --git a/src/pages/names/NamePage.tsx b/src/pages/names/NamePage.tsx
new file mode 100644
index 0000000..369616a
--- /dev/null
+++ b/src/pages/names/NamePage.tsx
@@ -0,0 +1,162 @@
+// Copyright (c) 2020-2021 Drew Lemmy
+// This file is part of KristWeb 2 under GPL-3.0.
+// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
+import React, { useState, useEffect } from "react";
+import { Row, Col, Skeleton, Typography } from "antd";
+
+import { useTranslation } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+import { useSelector } from "react-redux";
+import { RootState } from "../../store";
+
+import { PageLayout } from "../../layout/PageLayout";
+import { NameResult } from "./NameResult";
+
+import { Statistic } from "../../components/Statistic";
+import { ContextualAddress } from "../../components/ContextualAddress";
+import { DateTime } from "../../components/DateTime";
+
+import * as api from "../../krist/api";
+import { KristName } from "../../krist/api/types";
+import { LookupTransactionType as LookupTXType } from "../../krist/api/lookup";
+import { useWallets } from "../../krist/wallets/Wallet";
+import { useBooleanSetting } from "../../utils/settings";
+
+import { NameButtonRow } from "./NameButtonRow";
+import { NameTransactionsCard } from "./NameTransactionsCard";
+
+import "./NamePage.less";
+
+const { Text } = Typography;
+
+interface ParamTypes {
+  name: string;
+}
+
+function PageContents({ name, nameWithSuffix }: { name: KristName; nameWithSuffix: string }): JSX.Element {
+  const { t } = useTranslation();
+  const { wallets } = useWallets();
+  const copyNameSuffixes = useBooleanSetting("copyNameSuffixes");
+
+  const myWallet = Object.values(wallets)
+    .find(w => w.address === name.owner);
+
+  const nameCopyText = copyNameSuffixes ? nameWithSuffix : name.name;
+
+  return <>
+    {/* Name and buttons */}
+    <Row className="top-name-row">
+      {/* Name */}
+      <Text className="name" copyable={{ text: nameCopyText }}>
+        {nameWithSuffix}
+      </Text>
+
+      {/* Buttons (e.g. Send Krist, transfer name, update A Record) */}
+      <NameButtonRow
+        name={name}
+        nameWithSuffix={nameWithSuffix}
+        myWallet={myWallet}
+      />
+    </Row>
+
+    {/* Main name info */}
+    <Row className="name-info-row">
+      {/* Owner */}
+      <Col span={24} md={12} lg={8}>
+        <Statistic
+          titleKey="name.owner"
+          value={<ContextualAddress address={name.owner} />}
+        />
+      </Col>
+
+      {/* Original owner, only if different */}
+      {name.original_owner && name.owner !== name.original_owner && (
+        <Col span={24} md={12} lg={8}>
+          <Statistic
+            titleKey="name.originalOwner"
+            value={<ContextualAddress address={name.original_owner} />}
+          />
+        </Col>
+      )}
+
+      {/* Registered date */}
+      <Col span={24} md={12} lg={8}>
+        <Statistic
+          titleKey="name.registered"
+          value={<DateTime date={name.registered} />}
+        />
+      </Col>
+
+      {/* Updated date, only if different */}
+      {name.updated && name.registered !== name.updated && (
+        <Col span={24} md={12} lg={8}>
+          <Statistic
+            titleKey="name.updated"
+            value={<DateTime date={name.updated} />}
+          />
+        </Col>
+      )}
+
+      {/* Unpaid blocks, only if > 0 */}
+      {(name.unpaid && name.unpaid > 0) ? (
+        <Col span={24} md={12} lg={8}>
+          <Statistic
+            titleKey="name.unpaid"
+            value={t("name.unpaidCount", { count: name.unpaid })}
+            green
+          />
+        </Col>
+      ) : <></>}
+    </Row>
+
+    {/* Transactions and name history row */}
+    <Row gutter={16} className="name-card-row">
+      {/* Recent transactions */}
+      <Col span={24} xl={14} xxl={12}>
+        <NameTransactionsCard name={name.name} type={LookupTXType.NAME_TRANSACTIONS} />
+      </Col>
+
+      {/* Name history */}
+      <Col span={24} xl={10} xxl={12}>
+        <NameTransactionsCard name={name.name} type={LookupTXType.NAME_HISTORY} />
+      </Col>
+    </Row>
+  </>;
+}
+
+export function NamePage(): JSX.Element {
+  // Used to refresh the name data on syncNode change
+  const syncNode = api.useSyncNode();
+  const nameSuffix = useSelector((s: RootState) => s.node.currency.name_suffix);
+
+  const { name } = useParams<ParamTypes>();
+  const [kristName, setKristName] = useState<KristName | undefined>();
+  const [error, setError] = useState<Error | undefined>();
+
+  // Load the name on page load
+  useEffect(() => {
+    api.get<{ name: KristName }>("names/" + encodeURIComponent(name))
+      .then(res => setKristName(res.name))
+      .catch(err => { console.error(err); setError(err); });
+  }, [syncNode, name]);
+
+  const nameWithSuffix = kristName ? `${kristName.name}.${nameSuffix}` : undefined;
+
+  // Change the page title depending on whether or not the name has loaded
+  const title = kristName
+    ? { siteTitle: nameWithSuffix, subTitle: nameWithSuffix }
+    : { siteTitleKey: "name.title" };
+
+  return <PageLayout
+    className="name-page"
+    titleKey="name.title"
+    {...title}
+  >
+    {error
+      ? <NameResult error={error} />
+      : (kristName
+        ? <PageContents name={kristName} nameWithSuffix={nameWithSuffix!} />
+        : <Skeleton active />)}
+  </PageLayout>;
+}
diff --git a/src/pages/names/NameResult.tsx b/src/pages/names/NameResult.tsx
new file mode 100644
index 0000000..de95284
--- /dev/null
+++ b/src/pages/names/NameResult.tsx
@@ -0,0 +1,52 @@
+// Copyright (c) 2020-2021 Drew Lemmy
+// This file is part of KristWeb 2 under GPL-3.0.
+// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
+import React from "react";
+import { FrownOutlined, ExclamationCircleOutlined, QuestionCircleOutlined } from "@ant-design/icons";
+
+import { useTranslation } from "react-i18next";
+
+import { SmallResult } from "../../components/SmallResult";
+import { APIError } from "../../krist/api";
+
+interface Props {
+  error: Error;
+}
+
+export function NameResult({ error }: Props): JSX.Element {
+  const { t } = useTranslation();
+
+  // Handle the most commonly expected errors from the API
+  if (error instanceof APIError) {
+    // Invalid name
+    if (error.message === "invalid_parameter") {
+      return <SmallResult
+        status="error"
+        icon={<ExclamationCircleOutlined />}
+        title={t("name.resultInvalidTitle")}
+        subTitle={t("name.resultInvalid")}
+        fullPage
+      />;
+    }
+
+    // Name not found
+    if (error.message === "name_not_found") {
+      return <SmallResult
+        status="error"
+        icon={<FrownOutlined />}
+        title={t("name.resultNotFoundTitle")}
+        subTitle={t("name.resultNotFound")}
+        fullPage
+      />;
+    }
+  }
+
+  // Unknown error
+  return <SmallResult
+    status="error"
+    icon={<QuestionCircleOutlined />}
+    title={t("name.resultUnknownTitle")}
+    subTitle={t("name.resultUnknown")}
+    fullPage
+  />;
+}
diff --git a/src/pages/names/NameTransactionsCard.tsx b/src/pages/names/NameTransactionsCard.tsx
new file mode 100644
index 0000000..0211c59
--- /dev/null
+++ b/src/pages/names/NameTransactionsCard.tsx
@@ -0,0 +1,94 @@
+// Copyright (c) 2020-2021 Drew Lemmy
+// This file is part of KristWeb 2 under GPL-3.0.
+// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
+import React, { useState, useEffect } from "react";
+import classNames from "classnames";
+import { Card, Skeleton, Empty } from "antd";
+
+import { useTranslation } from "react-i18next";
+
+import { TransactionSummary } from "../../components/transactions/TransactionSummary";
+import { lookupTransactions, LookupTransactionsResponse, LookupTransactionType as LookupTXType } from "../../krist/api/lookup";
+
+import { useSyncNode } from "../../krist/api";
+
+import { SmallResult } from "../../components/SmallResult";
+
+import Debug from "debug";
+const debug = Debug("kristweb:name-transactions-card");
+
+async function fetchTransactions(name: string, type: LookupTXType): Promise<LookupTransactionsResponse> {
+  debug("fetching name transactions (type %d)", type);
+  return lookupTransactions(
+    [name],
+    { type, limit: 5, orderBy: "id", order: "DESC" }
+  );
+}
+
+interface Props {
+  name: string;
+  type: LookupTXType;
+}
+
+export function NameTransactionsCard({ name, type }: Props): JSX.Element {
+  const { t } = useTranslation();
+  const syncNode = useSyncNode();
+
+  const [res, setRes] = useState<LookupTransactionsResponse | undefined>();
+  const [error, setError] = useState<Error | undefined>();
+  const [loading, setLoading] = useState(true);
+
+  // Fetch transactions on page load or sync node reload
+  // TODO: set up something to temporarily subscribe to an address via the
+  //       websocket service, so this can be updated in realtime
+  useEffect(() => {
+    if (!syncNode) return;
+
+    // Remove the existing results in case the address changed
+    setRes(undefined);
+    setLoading(true);
+
+    fetchTransactions(name, type)
+      .then(setRes)
+      .catch(setError)
+      .finally(() => setLoading(false));
+  }, [syncNode, name, type]);
+
+  const isEmpty = !loading && (error || !res || res.count === 0);
+  const classes = classNames("kw-card", "name-card-transactions", {
+    "empty": isEmpty
+  });
+
+  return <Card
+    // Change the title depending on the type of card this is
+    title={type === LookupTXType.NAME_HISTORY
+      ? t("name.cardHistoryTitle")
+      : t("name.cardRecentTransactionsTitle")}
+    className={classes}
+  >
+    <Skeleton paragraph={{ rows: 4 }} title={false} active loading={loading}>
+      {error
+        ? (
+          <SmallResult
+            status="error"
+            title={t("error")}
+            subTitle={type === LookupTXType.NAME_HISTORY
+              ? t("name.transactionsError")
+              : t("name.historyError")}
+          />
+        )
+        : (res && res.count > 0
+          ? (
+            <TransactionSummary
+              transactions={res.transactions}
+              seeMoreCount={res.total}
+              seeMoreLink={type === LookupTXType.NAME_HISTORY
+                ? `/network/names/${encodeURIComponent(name)}/history`
+                : `/network/names/${encodeURIComponent(name)}/transactions`}
+            />
+          )
+          : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
+        )}
+    </Skeleton>
+  </Card>;
+}
diff --git a/src/pages/names/NamesPage.tsx b/src/pages/names/NamesPage.tsx
index bff9a9d..e2592ce 100644
--- a/src/pages/names/NamesPage.tsx
+++ b/src/pages/names/NamesPage.tsx
@@ -14,6 +14,7 @@
 import { NamesTable } from "./NamesTable";
 
 import { useWallets } from "../../krist/wallets/Wallet";
+import { useBooleanSetting } from "../../utils/settings";
 
 /** The type of name listing to search by. */
 export enum ListingType {
@@ -63,7 +64,7 @@
   const { joinedAddressList } = useWallets();
   const lastNameTransactionID = useSelector((s: RootState) => s.node.lastNameTransactionID);
   const lastOwnNameTransactionID = useSelector((s: RootState) => s.node.lastOwnNameTransactionID);
-  const shouldAutoRefresh = useSelector((s: RootState) => s.settings.autoRefreshTables);
+  const shouldAutoRefresh = useBooleanSetting("autoRefreshTables");
 
   // Comma-separated list of addresses, used as an optimisation for
   // memoisation (no deep equality in useMemo)
diff --git a/src/pages/settings/SettingBoolean.tsx b/src/pages/settings/SettingBoolean.tsx
index f53ab46..441de2c 100644
--- a/src/pages/settings/SettingBoolean.tsx
+++ b/src/pages/settings/SettingBoolean.tsx
@@ -5,10 +5,8 @@
 import { Switch } from "antd";
 
 import { useTranslation } from "react-i18next";
-import { useSelector } from "react-redux";
-import { RootState } from "../../store";
 
-import { SettingName, setBooleanSetting } from "../../utils/settings";
+import { SettingName, setBooleanSetting, useBooleanSetting } from "../../utils/settings";
 
 interface Props {
   setting: SettingName<boolean>;
@@ -23,7 +21,7 @@
   title, titleKey,
   description, descriptionKey
 }: Props): JSX.Element {
-  const settingValue = useSelector((s: RootState) => s.settings[setting]);
+  const settingValue = useBooleanSetting(setting);
 
   const { t } = useTranslation();
 
diff --git a/src/pages/settings/SettingsPage.tsx b/src/pages/settings/SettingsPage.tsx
index 54a14b9..14a8a76 100644
--- a/src/pages/settings/SettingsPage.tsx
+++ b/src/pages/settings/SettingsPage.tsx
@@ -3,7 +3,7 @@
 // Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
 import React, { FC } from "react";
 import { Menu } from "antd";
-import { BugOutlined, GlobalOutlined, ReloadOutlined } from "@ant-design/icons";
+import { BugOutlined, GlobalOutlined, ReloadOutlined, SettingOutlined } from "@ant-design/icons";
 
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
@@ -51,6 +51,24 @@
         </Menu.Item>
       </Menu.SubMenu>
 
+      {/* Advanced settings */}
+      <Menu.SubMenu key="sub-advanced" icon={<SettingOutlined />} title={t("settings.subMenuAdvanced")}>
+        {/* Copy name suffixes */}
+        <Menu.Item key="advanced/copyNameSuffixes">
+          <SettingBoolean setting="copyNameSuffixes" titleKey="settings.copyNameSuffixes" />
+        </Menu.Item>
+
+        {/* Address copy buttons */}
+        <Menu.Item key="advanced/addressCopyButtons">
+          <SettingBoolean setting="addressCopyButtons" titleKey="settings.addressCopyButtons" />
+        </Menu.Item>
+
+        {/* Name copy buttons */}
+        <Menu.Item key="advanced/nameCopyButtons">
+          <SettingBoolean setting="nameCopyButtons" titleKey="settings.nameCopyButtons" />
+        </Menu.Item>
+      </Menu.SubMenu>
+
       {/* Debug settings */}
       <Menu.SubMenu key="sub-debug" icon={<BugOutlined />} title={t("settings.subMenuDebug")}>
         {/* Advanced wallet formats */}
diff --git a/src/pages/transactions/TransactionsPage.tsx b/src/pages/transactions/TransactionsPage.tsx
index 4b32ceb..593a93e 100644
--- a/src/pages/transactions/TransactionsPage.tsx
+++ b/src/pages/transactions/TransactionsPage.tsx
@@ -16,6 +16,7 @@
 import { TransactionsTable } from "./TransactionsTable";
 
 import { useWallets } from "../../krist/wallets/Wallet";
+import { useBooleanSetting } from "../../utils/settings";
 import { KristNameLink } from "../../components/KristNameLink";
 
 /** The type of transaction listing to search by. */
@@ -99,7 +100,7 @@
   // Used to handle memoisation and auto-refreshing
   const { joinedAddressList } = useWallets();
   const nodeState = useSelector((s: RootState) => s.node, shallowEqual);
-  const shouldAutoRefresh = useSelector((s: RootState) => s.settings.autoRefreshTables);
+  const shouldAutoRefresh = useBooleanSetting("autoRefreshTables");
 
   // Comma-separated list of addresses, used as an optimisation for
   // memoisation (no deep equality in useMemo)
@@ -114,7 +115,7 @@
   // re-fetch of the transactions) when something relevant changes
   const memoTable = useMemo(() => (
     <TransactionsTable
-      listingType={ListingType.WALLETS}
+      listingType={listingType}
       refreshingID={usedRefreshID}
 
       addresses={usedAddresses?.split(",")}
@@ -123,11 +124,11 @@
       includeMined={includeMined}
       setError={setError}
     />
-  ), [usedAddresses, name, usedRefreshID, includeMined, setError]);
+  ), [listingType, usedAddresses, name, usedRefreshID, includeMined, setError]);
 
   const siteTitle = getSiteTitle(t, listingType, address);
   const subTitle = name
-    ? <KristNameLink noLink name={name} />
+    ? <KristNameLink noLink name={name} neverCopyable />
     : (listingType === ListingType.NETWORK_ADDRESS
       ? address
       : undefined);
diff --git a/src/pages/transactions/TransactionsTable.tsx b/src/pages/transactions/TransactionsTable.tsx
index 2b2fbe1..c4ad580 100644
--- a/src/pages/transactions/TransactionsTable.tsx
+++ b/src/pages/transactions/TransactionsTable.tsx
@@ -58,7 +58,7 @@
 
   // Fetch the transactions from the API, mapping the table options
   useEffect(() => {
-    debug("looking up transactions for %s", name || (addresses ? addresses.join(",") : "network"));
+    debug("looking up transactions (type: %d mapped: %d) for %s", listingType, LISTING_TYPE_MAP[listingType], name || (addresses ? addresses.join(",") : "network"));
     setLoading(true);
 
     lookupTransactions(name ? [name] : addresses, {
diff --git a/src/utils/settings.ts b/src/utils/settings.ts
index 133287e..673b498 100644
--- a/src/utils/settings.ts
+++ b/src/utils/settings.ts
@@ -6,6 +6,9 @@
 import { store } from "../App";
 import * as actions from "../store/actions/SettingsActions";
 
+import { useSelector } from "react-redux";
+import { RootState } from "../store";
+
 import Debug from "debug";
 const debug = Debug("kristweb:settings");
 
@@ -14,12 +17,24 @@
    * when a change is detected on the network. */
   readonly autoRefreshTables: boolean;
 
+  /** Whether or not to include the name suffix when copying a name. */
+  readonly copyNameSuffixes: boolean;
+  /** Show copy buttons next to all addresses. */
+  readonly addressCopyButtons: boolean;
+  /** Show copy buttons next to all names. */
+  readonly nameCopyButtons: boolean;
+
   /** Whether or not advanced wallet formats are enabled. */
   readonly walletFormats: boolean;
 }
 
 export const DEFAULT_SETTINGS: SettingsState = {
   autoRefreshTables: true,
+
+  copyNameSuffixes: true,
+  addressCopyButtons: false,
+  nameCopyButtons: false,
+
   walletFormats: false
 };
 
@@ -73,3 +88,7 @@
     return false;
   }
 }
+
+/** React hook that gets the value of a boolean setting. */
+export const useBooleanSetting = (setting: SettingName<boolean>): boolean =>
+  useSelector((s: RootState) => s.settings[setting]);