diff --git a/appview/pages/pages.go b/appview/pages/pages.go
--- a/appview/pages/pages.go
+++ b/appview/pages/pages.go
@@ -846,6 +846,20 @@
 	return p.executeRepo("repo/tags", w, params)
 }
 
+type RepoTagParams struct {
+	LoggedInUser *oauth.MultiAccountUser
+	RepoInfo     repoinfo.RepoInfo
+	Active       string
+	types.RepoTagResponse
+	ArtifactMap       map[plumbing.Hash][]models.Artifact
+	DanglingArtifacts []models.Artifact
+}
+
+func (p *Pages) RepoTag(w io.Writer, params RepoTagParams) error {
+	params.Active = "overview"
+	return p.executeRepo("repo/tag", w, params)
+}
+
 type RepoArtifactParams struct {
 	LoggedInUser *oauth.MultiAccountUser
 	RepoInfo     repoinfo.RepoInfo
diff --git a/appview/repo/router.go b/appview/repo/router.go
--- a/appview/repo/router.go
+++ b/appview/repo/router.go
@@ -23,6 +23,7 @@
 	r.Route("/tags", func(r chi.Router) {
 		r.Get("/", rp.Tags)
 		r.Route("/{tag}", func(r chi.Router) {
+			r.Get("/", rp.Tag)
 			r.Get("/download/{file}", rp.DownloadArtifact)
 
 			// require repo:push to upload or delete artifacts
diff --git a/appview/repo/tags.go b/appview/repo/tags.go
--- a/appview/repo/tags.go
+++ b/appview/repo/tags.go
@@ -14,6 +14,7 @@
 	"tangled.org/core/types"
 
 	indigoxrpc "github.com/bluesky-social/indigo/xrpc"
+	"github.com/go-chi/chi/v5"
 	"github.com/go-git/go-git/v5/plumbing"
 )
 
@@ -70,11 +71,68 @@
 		}
 	}
 	user := rp.oauth.GetMultiAccountUser(r)
+
 	rp.pages.RepoTags(w, pages.RepoTagsParams{
 		LoggedInUser:      user,
 		RepoInfo:          rp.repoResolver.GetRepoInfo(r, user),
 		RepoTagsResponse:  result,
 		ArtifactMap:       artifactMap,
 		DanglingArtifacts: danglingArtifacts,
+	})
+}
+
+func (rp *Repo) Tag(w http.ResponseWriter, r *http.Request) {
+	l := rp.logger.With("handler", "RepoTag")
+	f, err := rp.repoResolver.Resolve(r)
+	if err != nil {
+		l.Error("failed to get repo and knot", "err", err)
+		return
+	}
+	scheme := "http"
+	if !rp.config.Core.Dev {
+		scheme = "https"
+	}
+	host := fmt.Sprintf("%s://%s", scheme, f.Knot)
+	xrpcc := &indigoxrpc.Client{
+		Host: host,
+	}
+	repo := fmt.Sprintf("%s/%s", f.Did, f.Name)
+	tag := chi.URLParam(r, "tag")
+
+	xrpcBytes, err := tangled.RepoTag(r.Context(), xrpcc, repo, tag)
+	if xrpcerr := xrpcclient.HandleXrpcErr(err); xrpcerr != nil {
+		l.Error("failed to call XRPC repo.tags", "err", xrpcerr)
+		rp.pages.Error503(w)
+		return
+	}
+	var result types.RepoTagResponse
+	if err := json.Unmarshal(xrpcBytes, &result); err != nil {
+		l.Error("failed to decode XRPC response", "err", err)
+		rp.pages.Error503(w)
+		return
+	}
+
+	filters := []orm.Filter{orm.FilterEq("repo_at", f.RepoAt())}
+	if result.Tag.Tag != nil {
+		filters = append(filters, orm.FilterEq("tag", result.Tag.Tag.Hash[:]))
+	}
+
+	artifacts, err := db.GetArtifact(rp.db, filters...)
+	if err != nil {
+		l.Error("failed grab artifacts", "err", err)
+		return
+	}
+	// convert artifacts to map for easy UI building
+	artifactMap := make(map[plumbing.Hash][]models.Artifact)
+	for _, a := range artifacts {
+		artifactMap[a.Tag] = append(artifactMap[a.Tag], a)
+	}
+
+	user := rp.oauth.GetMultiAccountUser(r)
+	rp.pages.RepoTag(w, pages.RepoTagParams{
+		LoggedInUser:    user,
+		RepoInfo:        rp.repoResolver.GetRepoInfo(r, user),
+		RepoTagResponse: result,
+		ArtifactMap:     artifactMap,
 	})
 }
diff --git a/appview/pages/templates/repo/index.html b/appview/pages/templates/repo/index.html
--- a/appview/pages/templates/repo/index.html
+++ b/appview/pages/templates/repo/index.html
@@ -334,7 +334,7 @@
         {{ with $tag }}
         <div>
           <div class="text-base flex items-center gap-2">
-            <a href="/{{ $.RepoInfo.FullName }}/tree/{{ .Reference.Name | urlquery }}"
+            <a href="/{{ $.RepoInfo.FullName }}/tags/{{ .Reference.Name | urlquery }}"
               class="inline no-underline hover:underline dark:text-white">
               {{ .Reference.Name }}
             </a>
diff --git a/appview/pages/templates/repo/tag.html b/appview/pages/templates/repo/tag.html
new file mode 100644
--- /dev/null
+++ b/appview/pages/templates/repo/tag.html
@@ -0,0 +1,16 @@
+{{ define "title" }}
+    tags · {{ .RepoInfo.FullName }}
+{{ end }}
+
+{{ define "extrameta" }}
+    {{ $title := printf "tags &middot; %s" .RepoInfo.FullName }}
+    {{ $url := printf "https://tangled.org/%s/tag/%s" .RepoInfo.FullName .Tag.Name }}
+
+    {{ template "repo/fragments/og" (dict "RepoInfo" .RepoInfo "Title" $title "Url" $url) }}
+{{ end }}
+
+{{ define "repoContent" }}
+<section class="flex flex-col py-2 gap-12 md:gap-0">
+  {{ template "repo/fragments/singleTag" (list $ .Tag ) }}
+</section>
+{{ end }}
diff --git a/appview/pages/templates/repo/tags.html b/appview/pages/templates/repo/tags.html
--- a/appview/pages/templates/repo/tags.html
+++ b/appview/pages/templates/repo/tags.html
@@ -14,66 +14,7 @@
   <h2 class="mb-4 text-sm text-left text-gray-700 dark:text-gray-300 uppercase font-bold">tags</h2>
   <div class="flex flex-col py-2 gap-12 md:gap-0">
     {{ range .Tags }}
-    <div class="md:grid md:grid-cols-12 md:items-start flex flex-col">
-      <!-- Header column (top on mobile, left on md+) -->
-      <div class="md:col-span-2 md:border-r border-b md:border-b-0 border-gray-200 dark:border-gray-700 w-full md:h-full">
-        <!-- Mobile layout: horizontal -->
-        <div class="flex md:hidden flex-col py-2 px-2 text-xl">
-          <a href="/{{ $.RepoInfo.FullName }}/tree/{{ .Name | urlquery }}" class="no-underline hover:underline flex items-center gap-2 font-bold">
-            {{ i "tag" "w-4 h-4" }}
-            {{ .Name }}
-          </a>
-
-          <div class="flex items-center gap-3 text-gray-500 dark:text-gray-400 text-sm">
-            {{ if .Tag }}
-            <a href="/{{ $.RepoInfo.FullName }}/commit/{{ .Tag.Target.String }}"
-              class="no-underline hover:underline text-gray-500 dark:text-gray-400">
-              {{  slice .Tag.Target.String 0 8  }}
-            </a>
-
-            <span class="px-1 text-gray-500 dark:text-gray-400 select-none after:content-['·']"></span>
-            <span>{{ .Tag.Tagger.Name }}</span>
-
-            <span class="px-1 text-gray-500 dark:text-gray-400 select-none after:content-['·']"></span>
-            {{ template "repo/fragments/shortTime" .Tag.Tagger.When }}
-            {{ end }}
-          </div>
-        </div>
-
-        <!-- Desktop layout: vertical and left-aligned -->
-        <div class="hidden md:block text-left px-2 pb-6">
-          <a href="/{{ $.RepoInfo.FullName }}/tree/{{ .Name | urlquery }}" class="no-underline hover:underline flex items-center gap-2 font-bold">
-            {{ i "tag" "w-4 h-4" }}
-            {{ .Name }}
-          </a>
-          <div class="flex flex-grow flex-col text-gray-500 dark:text-gray-400 text-sm">
-            {{ if .Tag }}
-            <a href="/{{ $.RepoInfo.FullName }}/commit/{{ .Tag.Target.String }}"
-              class="no-underline hover:underline text-gray-500 dark:text-gray-400 flex items-center gap-2">
-              {{ i "git-commit-horizontal" "w-4 h-4" }}
-              {{  slice .Tag.Target.String 0 8  }}
-            </a>
-            <span>{{ .Tag.Tagger.Name }}</span>
-            {{ template "repo/fragments/time" .Tag.Tagger.When }}
-            {{ end }}
-          </div>
-        </div>
-      </div>
-
-      <!-- Content column (bottom on mobile, right on md+) -->
-      <div class="md:col-span-10 px-2 py-3 md:py-0 md:pb-6">
-        {{ if .Tag }}
-          {{ $messageParts := splitN .Tag.Message "\n\n" 2 }}
-          <p class="font-bold text-lg">{{ index $messageParts 0 }}</p>
-          {{ if gt (len $messageParts) 1 }}
-            <p class="cursor-text py-2">{{ nl2br (index $messageParts 1) }}</p>
-          {{ end }}
-          {{ block "artifacts" (list $ .) }} {{ end }}
-        {{ else }}
-          <p class="italic text-gray-500 dark:text-gray-400">no message</p>
-        {{ end }}
-      </div>
-    </div>
+      {{ template "repo/fragments/singleTag" (list $ . ) }}
     {{ else }}
       <p class="text-center text-gray-400 dark:text-gray-500 p-4">
         This repository does not contain any tags.
@@ -89,75 +30,6 @@
     {{ block "dangling" . }} {{ end }}
   </section>
 {{ end }}
-{{ end }}
-
-{{ define "artifacts" }}
-  {{ $root := index . 0 }}
-  {{ $tag := index . 1 }}
-  {{ $isPushAllowed := $root.RepoInfo.Roles.IsPushAllowed }}
-  {{ $artifacts := index $root.ArtifactMap $tag.Tag.Hash }}
-
-  <h2 class="my-4 text-sm text-left text-gray-700 dark:text-gray-300 uppercase font-bold">artifacts</h2>
-  <div class="flex flex-col rounded border border-gray-200 dark:border-gray-700">
-    {{ range $artifact := $artifacts }}
-      {{ $args := dict "LoggedInUser" $root.LoggedInUser "RepoInfo" $root.RepoInfo "Artifact" $artifact }}
-      {{ template "repo/fragments/artifact" $args }}
-    {{ end }}
-    <div id="artifact-git-source" class="flex items-center justify-between p-2 border-b border-gray-200 dark:border-gray-700">
-      <div id="left-side" class="flex items-center gap-2 min-w-0 max-w-[60%]">
-        {{ i "archive" "w-4 h-4" }}
-        <a href="/{{ $root.RepoInfo.FullName }}/archive/{{ pathEscape (print "refs/tags/" $tag.Name) }}" class="no-underline hover:no-underline">
-            Source code (.tar.gz)
-        </a>
-      </div>
-    </div>
-    {{ if $isPushAllowed }}
-      {{ block "uploadArtifact" (list $root $tag) }} {{ end }}
-    {{ end }}
-  </div>
-{{ end }}
-
-{{ define "uploadArtifact" }}
-{{ $root := index . 0 }}
-{{ $tag := index . 1 }}
-{{ $unique := $tag.Tag.Target.String }}
-  <form
-    id="upload-{{$unique}}"
-    method="post"
-    enctype="multipart/form-data"
-    hx-post="/{{ $root.RepoInfo.FullName }}/tags/{{ $tag.Name | urlquery }}/upload"
-    hx-on::after-request="if(event.detail.successful) this.reset()"
-    hx-disabled-elt="#upload-btn-{{$unique}}"
-    hx-swap="beforebegin"
-    hx-target="this"
-    class="flex items-center gap-2 px-2">
-    <div class="flex-grow">
-      <input type="file"
-        name="artifact"
-        required
-        class="block py-2 px-0 w-full border-none
-        text-black dark:text-white
-        bg-white dark:bg-gray-800
-        file:mr-4 file:px-2 file:py-2
-        file:rounded file:border-0
-        file:text-sm file:font-medium
-        file:text-gray-700 file:dark:text-gray-300
-        file:bg-gray-200 file:dark:bg-gray-700
-        file:hover:bg-gray-100 file:hover:dark:bg-gray-600
-        ">
-      </input>
-    </div>
-    <div class="flex justify-end">
-      <button
-        type="submit"
-        class="btn gap-2"
-        id="upload-btn-{{$unique}}"
-        title="Upload artifact">
-        {{ i "upload" "w-4 h-4" }}
-        <span class="hidden md:inline">upload</span>
-      </button>
-    </div>
-  </form>
 {{ end }}
 
 {{ define "dangling" }}
diff --git a/appview/pages/templates/repo/fragments/artifact.html b/appview/pages/templates/repo/fragments/artifact.html
--- a/appview/pages/templates/repo/fragments/artifact.html
+++ b/appview/pages/templates/repo/fragments/artifact.html
@@ -19,14 +19,15 @@
       {{ if and .LoggedInUser (eq .LoggedInUser.Did .Artifact.Did) }}
         <button
           id="delete-{{ $unique }}"
-          class="btn text-red-500 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300 gap-2"
+          class="btn text-red-500 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300 gap-2 group"
           title="Delete artifact"
           hx-delete="/{{ .RepoInfo.FullName }}/tags/{{ .Artifact.Tag.String }}/{{ .Artifact.Name | urlquery }}"
           hx-swap="outerHTML"
           hx-target="#artifact-{{ $unique }}"
           hx-disabled-elt="#delete-{{ $unique }}"
           hx-confirm="Are you sure you want to delete the artifact '{{ .Artifact.Name }}'?">
-          {{ i "trash-2" "w-4 h-4" }}
+          {{ i "trash-2" "size-4 inline group-[.htmx-request]:hidden" }}
+          {{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
         </button>
       {{ end }}
     </div>
diff --git a/appview/pages/templates/repo/fragments/artifactList.html b/appview/pages/templates/repo/fragments/artifactList.html
new file mode 100644
--- /dev/null
+++ b/appview/pages/templates/repo/fragments/artifactList.html
@@ -0,0 +1,70 @@
+{{ define "repo/fragments/artifactList" }}
+  {{ $root := index . 0 }}
+  {{ $tag := index . 1 }}
+  {{ $isPushAllowed := $root.RepoInfo.Roles.IsPushAllowed }}
+  {{ $artifacts := index $root.ArtifactMap $tag.Tag.Hash }}
+
+  <h2 class="my-4 text-sm text-left text-gray-700 dark:text-gray-300 uppercase font-bold">artifacts</h2>
+  <div class="flex flex-col rounded border border-gray-200 dark:border-gray-700">
+    {{ range $artifact := $artifacts }}
+      {{ $args := dict "LoggedInUser" $root.LoggedInUser "RepoInfo" $root.RepoInfo "Artifact" $artifact }}
+      {{ template "repo/fragments/artifact" $args }}
+    {{ end }}
+    <div id="artifact-git-source" class="flex items-center justify-between p-2 border-b border-gray-200 dark:border-gray-700">
+      <div id="left-side" class="flex items-center gap-2 min-w-0 max-w-[60%]">
+        {{ i "archive" "w-4 h-4" }}
+        <a href="/{{ $root.RepoInfo.FullName }}/archive/{{ pathEscape (print "refs/tags/" $tag.Name) }}" class="no-underline hover:no-underline">
+            Source code (.tar.gz)
+        </a>
+      </div>
+    </div>
+    {{ if $isPushAllowed }}
+      {{ template "uploadArtifact" (list $root $tag) }}
+    {{ end }}
+  </div>
+{{ end }}
+
+{{ define "uploadArtifact" }}
+{{ $root := index . 0 }}
+{{ $tag := index . 1 }}
+{{ $unique := $tag.Tag.Target.String }}
+  <form
+    id="upload-{{$unique}}"
+    method="post"
+    enctype="multipart/form-data"
+    hx-post="/{{ $root.RepoInfo.FullName }}/tags/{{ $tag.Name | urlquery }}/upload"
+    hx-on::after-request="if(event.detail.successful) this.reset()"
+    hx-disabled-elt="#upload-btn-{{$unique}}"
+    hx-swap="beforebegin"
+    hx-target="#artifact-git-source"
+    class="flex items-center gap-2 px-2 group">
+    <div class="flex-grow">
+      <input type="file"
+        name="artifact"
+        required
+        class="block py-2 px-0 w-full border-none
+        text-black dark:text-white
+        bg-white dark:bg-gray-800
+        file:mr-4 file:px-2 file:py-2
+        file:rounded file:border-0
+        file:text-sm file:font-medium
+        file:text-gray-700 file:dark:text-gray-300
+        file:bg-gray-200 file:dark:bg-gray-700
+        file:hover:bg-gray-100 file:hover:dark:bg-gray-600
+        ">
+      </input>
+    </div>
+    <div class="flex justify-end">
+      <button
+        type="submit"
+        class="btn-create gap-2"
+        id="upload-btn-{{$unique}}"
+        title="Upload artifact">
+        {{ i "upload" "size-4 inline group-[.htmx-request]:hidden" }}
+        {{ i "loader-circle" "size-4 animate-spin hidden group-[.htmx-request]:inline" }}
+        <span class="hidden md:inline">upload</span>
+      </button>
+    </div>
+  </form>
+{{ end }}
+
diff --git a/appview/pages/templates/repo/fragments/singleTag.html b/appview/pages/templates/repo/fragments/singleTag.html
new file mode 100644
--- /dev/null
+++ b/appview/pages/templates/repo/fragments/singleTag.html
@@ -0,0 +1,67 @@
+{{ define "repo/fragments/singleTag" }}
+  {{ $root := index . 0 }}
+  {{ $item := index . 1 }}
+  {{ with $item }}
+    <div class="md:grid md:grid-cols-12 md:items-start flex flex-col">
+      <!-- Header column (top on mobile, left on md+) -->
+      <div class="md:col-span-2 md:border-r border-b md:border-b-0 border-gray-200 dark:border-gray-700 w-full md:h-full">
+        <!-- Mobile layout: horizontal -->
+        <div class="flex md:hidden flex-col py-2 px-2 text-xl">
+          <a href="/{{ $root.RepoInfo.FullName }}/tags/{{ .Name | urlquery }}" class="no-underline hover:underline flex items-center gap-2 font-bold">
+            {{ i "tag" "w-4 h-4" }}
+            {{ .Name }}
+          </a>
+
+          <div class="flex items-center gap-3 text-gray-500 dark:text-gray-400 text-sm">
+            {{ if .Tag }}
+            <a href="/{{ $root.RepoInfo.FullName }}/commit/{{ .Tag.Target.String }}"
+              class="no-underline hover:underline text-gray-500 dark:text-gray-400">
+              {{  slice .Tag.Target.String 0 8  }}
+            </a>
+
+            <span class="px-1 text-gray-500 dark:text-gray-400 select-none after:content-['·']"></span>
+            <span>{{ .Tag.Tagger.Name }}</span>
+
+            <span class="px-1 text-gray-500 dark:text-gray-400 select-none after:content-['·']"></span>
+            {{ template "repo/fragments/shortTime" .Tag.Tagger.When }}
+            {{ end }}
+          </div>
+        </div>
+
+        <!-- Desktop layout: vertical and left-aligned -->
+        <div class="hidden md:block text-left px-2 pb-6">
+          <a href="/{{ $root.RepoInfo.FullName }}/tags/{{ .Name | urlquery }}" class="no-underline hover:underline flex items-center gap-2 font-bold">
+            {{ i "tag" "w-4 h-4" }}
+            {{ .Name }}
+          </a>
+          <div class="flex flex-grow flex-col text-gray-500 dark:text-gray-400 text-sm">
+            {{ if .Tag }}
+            <a href="/{{ $root.RepoInfo.FullName }}/commit/{{ .Tag.Target.String }}"
+              class="no-underline hover:underline text-gray-500 dark:text-gray-400 flex items-center gap-2">
+              {{ i "git-commit-horizontal" "w-4 h-4" }}
+              {{  slice .Tag.Target.String 0 8  }}
+            </a>
+            <span>{{ .Tag.Tagger.Name }}</span>
+            {{ template "repo/fragments/time" .Tag.Tagger.When }}
+            {{ end }}
+          </div>
+        </div>
+      </div>
+
+      <!-- Content column (bottom on mobile, right on md+) -->
+      <div class="md:col-span-10 px-2 py-3 md:py-0 md:pb-6">
+        {{ if .Tag }}
+          {{ $messageParts := splitN .Tag.Message "\n\n" 2 }}
+          <p class="font-bold text-lg">{{ index $messageParts 0 }}</p>
+          {{ if gt (len $messageParts) 1 }}
+            <p class="cursor-text py-2">{{ nl2br (index $messageParts 1) }}</p>
+          {{ end }}
+          {{ template "repo/fragments/artifactList" (list $root .) }}
+        {{ else }}
+          <p class="italic text-gray-500 dark:text-gray-400">no message</p>
+        {{ end }}
+      </div>
+    </div>
+  {{ end }}
+{{ end }}
+