diff --git a/packages/components/react/package.json b/packages/components/react/package.json
index 4be6d28d..b9a83927 100644
--- a/packages/components/react/package.json
+++ b/packages/components/react/package.json
@@ -69,6 +69,7 @@
     "@lezer/highlight": "^1.2.0",
     "@nanostores/react": "0.7.2",
     "@radix-ui/react-accordion": "^1.2.0",
+    "@replit/codemirror-lang-svelte": "^6.0.0",
     "@tutorialkit/runtime": "workspace:*",
     "@tutorialkit/theme": "workspace:*",
     "@webcontainer/api": "1.2.0",
diff --git a/packages/components/react/src/core/CodeMirrorEditor/languages.ts b/packages/components/react/src/core/CodeMirrorEditor/languages.ts
index 969dd2b3..1b936940 100644
--- a/packages/components/react/src/core/CodeMirrorEditor/languages.ts
+++ b/packages/components/react/src/core/CodeMirrorEditor/languages.ts
@@ -78,6 +78,13 @@ export const supportedLanguages = [
       return import('@codemirror/lang-wast').then((module) => module.wast());
     },
   }),
+  LanguageDescription.of({
+    name: 'Svelte',
+    extensions: ['svelte'],
+    async load() {
+      return import('@replit/codemirror-lang-svelte').then((module) => module.svelte());
+    },
+  }),
 ];
 
 export async function getLanguage(fileName: string) {