diff --git a/docs/docs.json b/docs/docs.json
index 8649b22cb2..88f29afa5e 100644
--- a/docs/docs.json
+++ b/docs/docs.json
@@ -212,7 +212,8 @@
               "guides/frameworks/bun",
               "guides/frameworks/nextjs",
               "guides/frameworks/nodejs",
-              "guides/frameworks/remix"
+              "guides/frameworks/remix",
+              "guides/frameworks/sveltekit"
             ]
           },
           {
diff --git a/docs/guides/frameworks/sveltekit.mdx b/docs/guides/frameworks/sveltekit.mdx
new file mode 100644
index 0000000000..debd90dff1
--- /dev/null
+++ b/docs/guides/frameworks/sveltekit.mdx
@@ -0,0 +1,22 @@
+---
+title: "SvelteKit setup guide"
+sidebarTitle: "SvelteKit"
+description: "A plugin for SvelteKit to integrate with Trigger.dev."
+icon: "s"
+---
+
+import Prerequisites from "/snippets/framework-prerequisites.mdx";
+
+This is an community developed Vite plugin from [@cptCrunch_](https://x.com/cptCrunch_) that enables seamless integration between SvelteKit and Trigger.dev by allowing you to use your SvelteKit functions directly in your Trigger.dev projects.
+
+<Prerequisites framework="SvelteKit" />
+
+## Setup
+
+[View setup guide on npm](https://www.npmjs.com/package/vite-plugin-triggerkit)
+
+```bash
+npm i vite-plugin-triggerkit
+```
+
+<UsefulNextSteps />
diff --git a/docs/guides/introduction.mdx b/docs/guides/introduction.mdx
index cf4bd34c6f..d8e4987c63 100644
--- a/docs/guides/introduction.mdx
+++ b/docs/guides/introduction.mdx
@@ -1,16 +1,18 @@
 ---
-title: "Frameworks, guides and examples overview"
+title: "Frameworks, guides and examples"
 sidebarTitle: "Overview"
-description: "An ever growing list of guides and examples to help you get setup with Trigger.dev."
+description: "A growing list of guides and examples to get the most out of Trigger.dev."
+mode: "center"
 ---
 
 ## Frameworks
 
-<CardGroup cols={2}>
+<CardGroup cols={3}>
   <Card title="Bun" img="/images/logo-bun.png" href="/guides/frameworks/bun"/>
   <Card title="Next.js" img="/images/logo-nextjs.png" href="/guides/frameworks/nextjs"/>
   <Card title="Node.js" img="/images/logo-nodejs.png" href="/guides/frameworks/nodejs"/>
   <Card title="Remix" img="/images/logo-remix.png" href="/guides/frameworks/remix"/>
+  <Card title="SvelteKit" img="/images/logo-svelte.png" href="/guides/frameworks/sveltekit"/>
 </CardGroup>
 
 
diff --git a/docs/images/logo-svelte.png b/docs/images/logo-svelte.png
new file mode 100644
index 0000000000..617a8ba6ca
Binary files /dev/null and b/docs/images/logo-svelte.png differ