diff --git a/gsd-framework/src/components/people/PeopleList.jsx b/gsd-framework/src/components/people/PeopleList.jsx
new file mode 100644
index 0000000..09205fc
--- /dev/null
+++ b/gsd-framework/src/components/people/PeopleList.jsx
@@ -0,0 +1,17 @@
+import { store } from '../../store/billStore.js';
+
+export function PeopleList() {
+  const people = store.people.value;
+
+  if (people.length === 0) {
+    return <p class="empty-state">No people added yet</p>;
+  }
+
+  return (
+    <ul class="people-list">
+      {people.map((person) => (
+        <li key={person.id}>{person.name}</li>
+      ))}
+    </ul>
+  );
+}