diff --git a/view/tpl/permcats_widget.tpl b/view/tpl/permcats_widget.tpl
new file mode 100644
index 000000000..a7ebd91ba
--- /dev/null
+++ b/view/tpl/permcats_widget.tpl
@@ -0,0 +1,27 @@
+<div class="widget">
+	<h3>{{$roles_label}}</h3>
+	<ul class="nav nav-pills flex-column">
+		{{foreach $roles as $role}}
+		<li class="nav-item">
+			<a class="nav-link{{if $role.active}} active{{/if}}" href="{{$role.url}}">
+				{{$role.name}}
+			</a>
+		</li>
+		{{/foreach}}
+	</ul>
+</div>
+
+{{if $members}}
+<div class="widget">
+	<h3>{{$members_label}}</h3>
+	<div class="border rounded overflow-auto" style="height: 19rem;">
+		{{foreach $members as $member}}
+		<a href="{{$member.url}}" class="lh-sm border-bottom p-2 d-block text-truncate">
+			<img src="{{$member.photo}}" class="float-start rounded me-2" style="height: 2.2rem; width: 2.2rem;" loading="lazy">
+			{{$member.name}}<br>
+			<span class="text-muted small">{{$member.addr}}</span>
+		</a>
+		{{/foreach}}
+	</div>
+</div>
+{{/if}}