diff --git a/src/lib/components/template/TemplateTable.svelte b/src/lib/components/template/TemplateTable.svelte
index 02c2339..a40d2da 100644
--- a/src/lib/components/template/TemplateTable.svelte
+++ b/src/lib/components/template/TemplateTable.svelte
@@ -261,6 +261,29 @@
 	function toggleMenu(id) {
 		activeMenu = activeMenu === id ? null : id;
 	}
+
+	async function exportFormTemplate(templateId: string, templateTitle: string) {
+		const response = await fetch(`/api/server/template/export`, {
+			method: 'POST',
+			body: JSON.stringify({
+				// sessionId,
+				templateId: templateId,
+			}),
+			headers: { 'content-type': 'application/json' }
+		});
+		if (!response.ok) {
+			throw new Error(`Failed to export care plan: ${response.statusText}`);
+		}
+
+		const filename = `${templateTitle}.json`;
+		const blob = await response.blob();
+		const a = document.createElement('a');
+		a.href = URL.createObjectURL(blob);
+		a.download = filename;
+		document.body.appendChild(a);
+		a.click();
+		document.body.removeChild(a);
+	}
 </script>
 
 <div class="my-4 flex items-center justify-between">
@@ -401,6 +424,17 @@
 											</AlertDialog.Content>
 										</AlertDialog.Root>
 
+										<div>
+											<Button
+												variant="ghost"
+												class="w-36 justify-start"
+												onclick={() => exportFormTemplate(row.id, row.Title)}
+											>
+												<Icon icon="lucide:download" width="20" height="20" />
+												<span>Export</span>
+											</Button>
+										</div>
+
 										<AlertDialog.Root bind:open>
 											<AlertDialog.Trigger class="{buttonVariants({ variant: 'ghost' })} w-36 justify-start">
 												<Icon
diff --git a/src/routes/api/server/template/export/+server.ts b/src/routes/api/server/template/export/+server.ts
new file mode 100644
index 0000000..7fed56d
--- /dev/null
+++ b/src/routes/api/server/template/export/+server.ts
@@ -0,0 +1,24 @@
+import type { RequestEvent } from '@sveltejs/kit';
+import { exportFormTemplates } from '../../../services/form-template';
+
+//////////////////////////////////////////////////////////////
+
+export const POST = async (event: RequestEvent) => {
+	const request = event.request;
+	const data = await request.json();
+
+	try {
+		const blob = await exportFormTemplates(
+			// data.sessionId,
+			data.templateId,
+		);
+		return new Response(blob, {
+			headers: {
+				'Content-Type': 'application/json'
+			}
+		});
+	} catch (err) {
+		console.error(`Error in exporting careplan: ${err.message}`);
+		return new Response(err.message);
+	}
+};
\ No newline at end of file
diff --git a/src/routes/api/services/form-template.ts b/src/routes/api/services/form-template.ts
index f5d09b0..e857b34 100644
--- a/src/routes/api/services/form-template.ts
+++ b/src/routes/api/services/form-template.ts
@@ -1,4 +1,4 @@
-import { BACKEND_API_URL } from '$env/static/private';
+import { BACKEND_API_URL, INTERNAL_API_KEY, TOKEN } from '$env/static/private';
 import { delete_, get_, post_, put_ } from './common';
 
 //////////////////////////////////////////////////////////////
@@ -133,3 +133,22 @@ export const deleteFormTemplate = async (formTemplateId: string) => {
 	const url = BACKEND_API_URL + `/form-templates/${formTemplateId}`;
 	return await delete_(url);
 };
+
+export const exportFormTemplates = async (formTemplateIdId: string) => {
+	const url = BACKEND_API_URL + `/form-templates/${formTemplateIdId}/export`;
+	// const session = await SessionManager.getSession(sessionId);
+	// const accessToken = session.accessToken;
+	const headers = {};
+	headers['Content-Type'] = 'application/json';
+	headers['x-api-key'] = INTERNAL_API_KEY;
+	headers['Authorization'] = `Bearer ${TOKEN}`;
+	const res = await fetch(url, {
+		method: 'GET',
+		headers
+	});
+	if (!res.ok) {
+		throw new Error(`Failed to export care plan: ${res.statusText}`);
+	}
+	const blob = await res.blob();
+	return blob;
+};