diff --git a/src/lib/components/influenceStatblock.svelte b/src/lib/components/influenceStatblock.svelte
new file mode 100644
index 0000000..9757410
--- /dev/null
+++ b/src/lib/components/influenceStatblock.svelte
@@ -0,0 +1,42 @@
+<script lang="ts">
+    import influence from "$lib/data/influence";
+    import CheckButton from "./checkButton.svelte";
+    import { onMount } from "svelte";
+
+    let { id, campaign, children } = $props();
+
+    const statblock = influence[id];
+</script>
+
+<div class="statblock">
+    <h3>{statblock.name}</h3>
+    <h4>Creature {statblock.level}</h4>
+    <hr />
+    <div class="traits">
+        <div class="pf-trait pf-trait-{statblock.rarity}">{statblock.rarity}</div>
+        <div class="pf-trait pf-trait-size">{statblock.size}</div>
+        {#each statblock.traits as trait}
+            <div class="pf-trait pf-trait-{trait}">{trait}</div>
+        {/each}
+    </div>
+    <p>{statblock.type}</p>
+    <p class="hang"><b>Perception</b> {#if statblock.perception >= 0}+{/if}{statblock.perception}</p>
+    <p class="hang"><b>Will</b> {#if statblock.will >= 0}+{/if}{statblock.will}</p>
+    <p class="hang"><b>Discovery</b> {#each statblock.discovery as discovery, index}
+        <CheckButton skill={discovery.skill} dc={discovery.dc} campaign={campaign} />{#if index < statblock.discovery.length - 1}, {/if}
+    {/each}</p>
+    <p class="hang"><b>Influence Skills</b> {#each statblock.influence as influence, index}
+        <CheckButton skill={influence.skill} dc={influence.dc} campaign={campaign} /> {#if influence.reason !== undefined}({influence.reason}){/if}{#if index < statblock.influence.length - 1}, {/if}
+    {/each}</p>
+    {@render children()}
+    <hr />
+    <p class="hang"><b>Resistances</b> {@html statblock.resistance.replace("\n\n", "<br />")}</p>
+    <p class="hang"><b>Weakness</b> {@html statblock.weakness.replace("\n\n", "<br />")}</p>
+    <hr />
+    <p class="hang"><b>Background</b> {@html statblock.background.replace("\n\n", "<br />")}</p>
+    <p class="hang"><b>Appearance</b> {@html statblock.appearance.replace("\n\n", "<br />")}</p>
+    <p class="hang"><b>Personality</b> {@html statblock.personality.replace("\n\n", "<br />")}</p>
+    {#if statblock.penalty !== undefined}
+        <p class="hang"><b>Penalty</b> {@html statblock.penalty.replace("\n\n", "<br />")}</p>
+    {/if}
+</div>
\ No newline at end of file
diff --git a/src/lib/components/influenceThreshold.svelte b/src/lib/components/influenceThreshold.svelte
new file mode 100644
index 0000000..53d27d2
--- /dev/null
+++ b/src/lib/components/influenceThreshold.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+    let { value, children } = $props();
+</script>
+
+<p class="hang"><b>Influence {value}</b> {@render children()}</p>
\ No newline at end of file
diff --git a/src/lib/data/influence.ts b/src/lib/data/influence.ts
new file mode 100644
index 0000000..638c031
--- /dev/null
+++ b/src/lib/data/influence.ts
@@ -0,0 +1,17 @@
+const statblocks = import.meta.glob(
+    "/data/*-influence.json",
+    {
+        eager: true
+    }
+);
+
+const influence: Record<string, any> = Object.fromEntries(
+    Object.entries(statblocks).map(([path, module]: [string, any]): [string, any] => {
+        return [
+            path.split("/").pop()!.replace("-influence.json", ""),
+            module.default
+        ];
+    })
+);
+
+export default influence;
\ No newline at end of file