diff --git a/src/hooks/use-projects.ts b/src/hooks/use-projects.ts
index 7e2a772..fb60798 100644
--- a/src/hooks/use-projects.ts
+++ b/src/hooks/use-projects.ts
@@ -52,3 +52,18 @@ export function useDeleteProject() {
         },
     });
 }
+
+export function useImportProject() {
+    const utils = api.useUtils();
+    return api.project.importProject.useMutation({
+        onSuccess: (data) => {
+            invalidateProjectQueries(utils);
+            toast.success(
+                `Project imported successfully (${data.foldersCreated} folders, ${data.endpointsCreated} endpoints)`,
+            );
+        },
+        onError: (error) => {
+            toast.error(error.message || "Failed to import project");
+        },
+    });
+}
diff --git a/src/modules/workspace/ui/components/sidebar/dialogs.tsx b/src/modules/workspace/ui/components/sidebar/dialogs.tsx
index d38259f..ec88b49 100644
--- a/src/modules/workspace/ui/components/sidebar/dialogs.tsx
+++ b/src/modules/workspace/ui/components/sidebar/dialogs.tsx
@@ -227,3 +227,89 @@ export function CreateEndpointDialog({
         </Dialog>
     );
 }
+
+export function ImportProjectDialog({
+    open,
+    onOpenChange,
+    onImport,
+    isImporting,
+}: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onImport: (data: unknown) => void;
+    isImporting: boolean;
+}) {
+    const [jsonContent, setJsonContent] = useState("");
+    const [error, setError] = useState<string | null>(null);
+
+    const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        const file = e.target.files?.[0];
+        if (!file) return;
+        const reader = new FileReader();
+        reader.addEventListener("load", (event) => {
+            const content = event.target?.result as string;
+            setJsonContent(content);
+            setError(null);
+        });
+        reader.readAsText(file);
+    };
+
+    const handleSubmit = () => {
+        try {
+            setError(null);
+            const parsed = JSON.parse(jsonContent);
+            onImport(parsed);
+        } catch {
+            setError("Invalid JSON format. Please select or paste a valid exported project JSON.");
+        }
+    };
+
+    return (
+        <Dialog open={open} onOpenChange={onOpenChange}>
+            <DialogContent className="max-w-md sm:max-w-lg">
+                <DialogHeader>
+                    <DialogTitle>Import Project</DialogTitle>
+                </DialogHeader>
+
+                <div className="space-y-4">
+                    <div className="space-y-1.5">
+                        <label className="text-xs text-muted-foreground">
+                            Select exported JSON file
+                        </label>
+                        <Input
+                            type="file"
+                            accept=".json,application/json"
+                            onChange={handleFileChange}
+                        />
+                    </div>
+
+                    <div className="space-y-1.5">
+                        <label className="text-xs text-muted-foreground">
+                            Or paste JSON content
+                        </label>
+                        <textarea
+                            className="w-full h-40 p-2 text-xs font-mono rounded-md border bg-background resize-none focus:outline-none focus:ring-1 focus:ring-ring"
+                            placeholder="Paste project export JSON here..."
+                            value={jsonContent}
+                            onChange={(e) => {
+                                setJsonContent(e.target.value);
+                                setError(null);
+                            }}
+                        />
+                    </div>
+
+                    {error && <p className="text-xs font-medium text-destructive">{error}</p>}
+                </div>
+
+                <DialogFooter>
+                    <Button variant="ghost" onClick={() => onOpenChange(false)}>
+                        Cancel
+                    </Button>
+                    <Button onClick={handleSubmit} disabled={!jsonContent.trim() || isImporting}>
+                        {isImporting ? "Importing..." : "Import Project"}
+                    </Button>
+                </DialogFooter>
+            </DialogContent>
+        </Dialog>
+    );
+}
diff --git a/src/modules/workspace/ui/components/sidebar/project-settings-dialog.tsx b/src/modules/workspace/ui/components/sidebar/project-settings-dialog.tsx
index 207bc30..059e18f 100644
--- a/src/modules/workspace/ui/components/sidebar/project-settings-dialog.tsx
+++ b/src/modules/workspace/ui/components/sidebar/project-settings-dialog.tsx
@@ -2,7 +2,17 @@
 
 import { useEffect, useState } from "react";
 import { toast } from "sonner";
-import { Eye, EyeOff, Copy, Check, RefreshCw, KeyRound, Save } from "lucide-react";
+import {
+    Eye,
+    EyeOff,
+    Copy,
+    Check,
+    RefreshCw,
+    KeyRound,
+    Save,
+    Download,
+    Upload,
+} from "lucide-react";
 import {
     Dialog,
     DialogContent,
@@ -14,7 +24,9 @@ import { Input } from "~/components/ui/input";
 import { Button } from "~/components/ui/button";
 import { Label } from "~/components/ui/label";
 import { Separator } from "~/components/ui/separator";
-import { useProjectById, useUpdateProject } from "~/hooks/use-projects";
+import { useProjectById, useUpdateProject, useImportProject } from "~/hooks/use-projects";
+import { api } from "~/trpc/react";
+import { ImportProjectDialog } from "./dialogs";
 
 interface ProjectSettingsDialogProps {
     projectId: string | null;
@@ -29,12 +41,15 @@ export function ProjectSettingsDialog({
 }: ProjectSettingsDialogProps) {
     const { data: project } = useProjectById(projectId);
     const updateProject = useUpdateProject();
+    const importProject = useImportProject();
+    const trpcUtils = api.useUtils();
 
     const [title, setTitle] = useState("");
     const [basePath, setBasePath] = useState("/");
     const [secret, setSecret] = useState("");
     const [showSecret, setShowSecret] = useState(false);
     const [copied, setCopied] = useState(false);
+    const [isImportOpen, setIsImportOpen] = useState(false);
 
     useEffect(() => {
         if (project) {
@@ -59,7 +74,6 @@ export function ProjectSettingsDialog({
     };
 
     const handleRegenerate = () => {
-        // Generate a cryptographically secure 32-byte hex secret
         const array = new Uint8Array(32);
         crypto.getRandomValues(array);
         const newSecret = Array.from(array, (b) => b.toString(16).padStart(2, "0")).join("");
@@ -75,6 +89,25 @@ export function ProjectSettingsDialog({
         );
     };
 
+    const handleExport = async () => {
+        try {
+            const data = await trpcUtils.project.exportProject.fetch({ id: project.id });
+            const jsonString = JSON.stringify(data, null, 2);
+            const blob = new Blob([jsonString], { type: "application/json" });
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement("a");
+            a.href = url;
+            a.download = `${project.title.toLowerCase().replace(/[^a-z0-9]/g, "-")}-export.json`;
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
+            URL.revokeObjectURL(url);
+            toast.success("Project exported");
+        } catch (error) {
+            toast.error(error instanceof Error ? error.message : "Failed to export project");
+        }
+    };
+
     const handleSaveGeneral = () => {
         if (!title.trim()) {
             toast.error("Project name is required");
@@ -98,141 +131,198 @@ export function ProjectSettingsDialog({
     };
 
     return (
-        <Dialog open={open} onOpenChange={onOpenChange}>
-            <DialogContent className="max-w-md gap-5 sm:max-w-lg">
-                <DialogHeader className="gap-1">
-                    <DialogTitle className="flex items-center gap-2 text-lg font-bold">
-                        <KeyRound className="h-5 w-5 text-primary" />
-                        Project Settings
-                    </DialogTitle>
-                </DialogHeader>
-
-                <div className="space-y-4 py-1">
-                    {/* Project Name & Base Path */}
-                    <div className="grid gap-3 sm:grid-cols-2">
-                        <div className="space-y-1.5">
-                            <Label
-                                htmlFor="project-title"
-                                className="text-xs font-semibold uppercase text-muted-foreground"
-                            >
-                                Project Name
-                            </Label>
-                            <Input
-                                id="project-title"
-                                value={title}
-                                onChange={(e) => setTitle(e.target.value)}
-                                placeholder="My API Project"
-                            />
+        <>
+            <Dialog open={open} onOpenChange={onOpenChange}>
+                <DialogContent className="max-w-md gap-5 sm:max-w-lg">
+                    <DialogHeader className="gap-1">
+                        <DialogTitle className="flex items-center gap-2 text-lg font-bold">
+                            <KeyRound className="h-5 w-5 text-primary" />
+                            Project Settings
+                        </DialogTitle>
+                    </DialogHeader>
+
+                    <div className="space-y-4 py-1">
+                        {/* Project Name & Base Path */}
+                        <div className="grid gap-3 sm:grid-cols-2">
+                            <div className="space-y-1.5">
+                                <Label
+                                    htmlFor="project-title"
+                                    className="text-xs font-semibold uppercase text-muted-foreground"
+                                >
+                                    Project Name
+                                </Label>
+                                <Input
+                                    id="project-title"
+                                    value={title}
+                                    onChange={(e) => setTitle(e.target.value)}
+                                    placeholder="My API Project"
+                                />
+                            </div>
+                            <div className="space-y-1.5">
+                                <Label
+                                    htmlFor="project-base-path"
+                                    className="text-xs font-semibold uppercase text-muted-foreground"
+                                >
+                                    Base Path
+                                </Label>
+                                <Input
+                                    id="project-base-path"
+                                    value={basePath}
+                                    onChange={(e) => setBasePath(e.target.value)}
+                                    placeholder="/"
+                                    className="font-mono text-sm"
+                                />
+                            </div>
                         </div>
-                        <div className="space-y-1.5">
-                            <Label
-                                htmlFor="project-base-path"
-                                className="text-xs font-semibold uppercase text-muted-foreground"
-                            >
-                                Base Path
-                            </Label>
-                            <Input
-                                id="project-base-path"
-                                value={basePath}
-                                onChange={(e) => setBasePath(e.target.value)}
-                                placeholder="/"
-                                className="font-mono text-sm"
-                            />
+
+                        <Separator />
+
+                        {/* JWT Secret Section */}
+                        <div className="space-y-2.5 rounded-xl border bg-muted/30 p-4">
+                            <div className="flex items-center justify-between">
+                                <div className="space-y-0.5">
+                                    <Label className="text-sm font-semibold flex items-center gap-1.5">
+                                        Project JWT Secret
+                                    </Label>
+                                    <p className="text-xs text-muted-foreground">
+                                        Used to sign JWTs for login endpoints &amp; verify auth
+                                        headers.
+                                    </p>
+                                </div>
+                            </div>
+
+                            <div className="flex items-center gap-2">
+                                <div className="relative flex-1">
+                                    <Input
+                                        type={showSecret ? "text" : "password"}
+                                        value={secret}
+                                        onChange={(e) => setSecret(e.target.value)}
+                                        className="font-mono text-sm pr-10 tracking-wider bg-background"
+                                        placeholder="JWT Secret"
+                                    />
+                                    <Button
+                                        type="button"
+                                        variant="ghost"
+                                        size="sm"
+                                        onClick={() => setShowSecret((v) => !v)}
+                                        className="absolute right-0 top-0 h-full px-3 text-muted-foreground hover:text-foreground"
+                                        title={showSecret ? "Hide secret" : "Reveal secret"}
+                                    >
+                                        {showSecret ? (
+                                            <EyeOff className="h-4 w-4" />
+                                        ) : (
+                                            <Eye className="h-4 w-4" />
+                                        )}
+                                    </Button>
+                                </div>
+
+                                <Button
+                                    type="button"
+                                    variant="outline"
+                                    size="icon"
+                                    onClick={handleCopy}
+                                    className="h-9 w-9 shrink-0"
+                                    title="Copy secret"
+                                >
+                                    {copied ? (
+                                        <Check className="h-4 w-4 text-emerald-500" />
+                                    ) : (
+                                        <Copy className="h-4 w-4" />
+                                    )}
+                                </Button>
+                            </div>
+
+                            <div className="flex items-center justify-between pt-1">
+                                <span className="text-[11px] text-muted-foreground font-mono">
+                                    Length: {secret.length} chars
+                                </span>
+
+                                <Button
+                                    type="button"
+                                    variant="secondary"
+                                    size="sm"
+                                    onClick={handleRegenerate}
+                                    disabled={updateProject.isPending}
+                                    className="h-7 text-xs gap-1.5"
+                                >
+                                    <RefreshCw
+                                        className={`h-3 w-3 ${updateProject.isPending ? "animate-spin" : ""}`}
+                                    />
+                                    Regenerate
+                                </Button>
+                            </div>
                         </div>
-                    </div>
 
-                    <Separator />
+                        <Separator />
 
-                    {/* JWT Secret Section */}
-                    <div className="space-y-2.5 rounded-xl border bg-muted/30 p-4">
-                        <div className="flex items-center justify-between">
+                        {/* Export & Import Section */}
+                        <div className="space-y-2.5 rounded-xl border bg-muted/30 p-4">
                             <div className="space-y-0.5">
                                 <Label className="text-sm font-semibold flex items-center gap-1.5">
-                                    Project JWT Secret
+                                    Backup &amp; Portability
                                 </Label>
                                 <p className="text-xs text-muted-foreground">
-                                    Used to sign JWTs for login endpoints &amp; verify auth headers.
+                                    Export this project schema to JSON or import another project
+                                    specification.
                                 </p>
                             </div>
-                        </div>
 
-                        <div className="flex items-center gap-2">
-                            <div className="relative flex-1">
-                                <Input
-                                    type={showSecret ? "text" : "password"}
-                                    value={secret}
-                                    onChange={(e) => setSecret(e.target.value)}
-                                    className="font-mono text-sm pr-10 tracking-wider bg-background"
-                                    placeholder="JWT Secret"
-                                />
+                            <div className="flex flex-wrap items-center gap-2 pt-1">
                                 <Button
                                     type="button"
-                                    variant="ghost"
+                                    variant="outline"
                                     size="sm"
-                                    onClick={() => setShowSecret((v) => !v)}
-                                    className="absolute right-0 top-0 h-full px-3 text-muted-foreground hover:text-foreground"
-                                    title={showSecret ? "Hide secret" : "Reveal secret"}
+                                    onClick={handleExport}
+                                    className="h-8 text-xs gap-1.5"
                                 >
-                                    {showSecret ? (
-                                        <EyeOff className="h-4 w-4" />
-                                    ) : (
-                                        <Eye className="h-4 w-4" />
-                                    )}
+                                    <Download className="h-3.5 w-3.5" />
+                                    Export JSON
                                 </Button>
-                            </div>
-
-                            <Button
-                                type="button"
-                                variant="outline"
-                                size="icon"
-                                onClick={handleCopy}
-                                className="h-9 w-9 shrink-0"
-                                title="Copy secret"
-                            >
-                                {copied ? (
-                                    <Check className="h-4 w-4 text-emerald-500" />
-                                ) : (
-                                    <Copy className="h-4 w-4" />
-                                )}
-                            </Button>
-                        </div>
 
-                        <div className="flex items-center justify-between pt-1">
-                            <span className="text-[11px] text-muted-foreground font-mono">
-                                Length: {secret.length} chars
-                            </span>
-
-                            <Button
-                                type="button"
-                                variant="secondary"
-                                size="sm"
-                                onClick={handleRegenerate}
-                                disabled={updateProject.isPending}
-                                className="h-7 text-xs gap-1.5"
-                            >
-                                <RefreshCw
-                                    className={`h-3 w-3 ${updateProject.isPending ? "animate-spin" : ""}`}
-                                />
-                                Regenerate
-                            </Button>
+                                <Button
+                                    type="button"
+                                    variant="outline"
+                                    size="sm"
+                                    onClick={() => setIsImportOpen(true)}
+                                    className="h-8 text-xs gap-1.5"
+                                >
+                                    <Upload className="h-3.5 w-3.5" />
+                                    Import Project
+                                </Button>
+                            </div>
                         </div>
                     </div>
-                </div>
-
-                <DialogFooter className="gap-2 sm:gap-0">
-                    <Button variant="ghost" onClick={() => onOpenChange(false)}>
-                        Cancel
-                    </Button>
-                    <Button
-                        onClick={handleSaveGeneral}
-                        disabled={updateProject.isPending || !title.trim()}
-                        className="gap-1.5 font-semibold"
-                    >
-                        <Save className="h-4 w-4" />
-                        {updateProject.isPending ? "Saving..." : "Save Settings"}
-                    </Button>
-                </DialogFooter>
-            </DialogContent>
-        </Dialog>
+
+                    <DialogFooter className="gap-2 sm:gap-0">
+                        <Button variant="ghost" onClick={() => onOpenChange(false)}>
+                            Cancel
+                        </Button>
+                        <Button
+                            onClick={handleSaveGeneral}
+                            disabled={updateProject.isPending || !title.trim()}
+                            className="gap-1.5 font-semibold"
+                        >
+                            <Save className="h-4 w-4" />
+                            {updateProject.isPending ? "Saving..." : "Save Settings"}
+                        </Button>
+                    </DialogFooter>
+                </DialogContent>
+            </Dialog>
+
+            <ImportProjectDialog
+                open={isImportOpen}
+                onOpenChange={setIsImportOpen}
+                onImport={(data) => {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    importProject.mutate(data as any, {
+                        onSuccess: () => {
+                            setIsImportOpen(false);
+                            onOpenChange(false);
+                        },
+                    });
+                }}
+                isImporting={importProject.isPending}
+            />
+        </>
     );
 }
diff --git a/src/modules/workspace/ui/components/sidebar/sidebar-tree.tsx b/src/modules/workspace/ui/components/sidebar/sidebar-tree.tsx
index a7eff4c..49c9bc8 100644
--- a/src/modules/workspace/ui/components/sidebar/sidebar-tree.tsx
+++ b/src/modules/workspace/ui/components/sidebar/sidebar-tree.tsx
@@ -257,6 +257,7 @@ export function ProjectTreeNode({
     onRenameFolder,
     onRenameEndpoint,
     onOpenModal,
+    onExportProject,
     onDeleteProject,
     onDeleteFolder,
     onDeleteEndpoint,
@@ -274,6 +275,7 @@ export function ProjectTreeNode({
     onRenameFolder: (id: string, name: string) => void;
     onRenameEndpoint: (id: string, name: string) => void;
     onOpenModal: (target: ModalTarget) => void;
+    onExportProject?: (id: string) => void;
     onDeleteProject: (id: string) => void;
     onDeleteFolder: (id: string) => void;
     onDeleteEndpoint: (id: string) => void;
@@ -338,6 +340,7 @@ export function ProjectTreeNode({
                     onSettings={() =>
                         onOpenModal({ kind: "projectSettings", projectId: project.id })
                     }
+                    onExport={onExportProject ? () => onExportProject(project.id) : undefined}
                     onRename={() => setRenamingId(project.id)}
                     onDelete={() => onDeleteProject(project.id)}
                 />
diff --git a/src/modules/workspace/ui/components/sidebar/tree-node-menu.tsx b/src/modules/workspace/ui/components/sidebar/tree-node-menu.tsx
index 0474ef6..d80af33 100644
--- a/src/modules/workspace/ui/components/sidebar/tree-node-menu.tsx
+++ b/src/modules/workspace/ui/components/sidebar/tree-node-menu.tsx
@@ -14,12 +14,14 @@ import {
     TrashIcon,
     FilePlus2,
     KeyRound,
+    DownloadIcon,
 } from "lucide-react";
 
 export function TreeNodeMenu({
     onNewFolder,
     onNewFile,
     onSettings,
+    onExport,
     onRename,
     onDelete,
     showNewFolder = true,
@@ -28,6 +30,7 @@ export function TreeNodeMenu({
     onNewFolder?: () => void;
     onNewFile?: () => void;
     onSettings?: () => void;
+    onExport?: () => void;
     onRename: () => void;
     onDelete: () => void;
     showNewFolder?: boolean;
@@ -70,6 +73,11 @@ export function TreeNodeMenu({
                             <KeyRound className="mr-2 h-4 w-4 text-primary" /> Settings & Secret
                         </DropdownMenuItem>
                     )}
+                    {onExport && (
+                        <DropdownMenuItem onClick={onExport}>
+                            <DownloadIcon className="mr-2 h-4 w-4" /> Export project
+                        </DropdownMenuItem>
+                    )}
                     <DropdownMenuItem onClick={onRename}>
                         <PencilIcon className="mr-2 h-4 w-4" /> Rename
                     </DropdownMenuItem>
diff --git a/src/modules/workspace/ui/components/sidebar/types.ts b/src/modules/workspace/ui/components/sidebar/types.ts
index 89d2560..22732bd 100644
--- a/src/modules/workspace/ui/components/sidebar/types.ts
+++ b/src/modules/workspace/ui/components/sidebar/types.ts
@@ -28,6 +28,7 @@ export type FolderRow = {
 
 export type ModalTarget =
     | { kind: "project"; projectId?: never; parentId?: never; folderId?: never }
+    | { kind: "importProject"; projectId?: never; parentId?: never; folderId?: never }
     | { kind: "projectSettings"; projectId: string; parentId?: never; folderId?: never }
     | { kind: "folder"; projectId: string; parentId?: string }
     | { kind: "endpoint"; projectId: string; folderId?: string };
diff --git a/src/modules/workspace/ui/components/sidebar/workspace-sidebar.tsx b/src/modules/workspace/ui/components/sidebar/workspace-sidebar.tsx
index 4bd86d0..1d4682c 100644
--- a/src/modules/workspace/ui/components/sidebar/workspace-sidebar.tsx
+++ b/src/modules/workspace/ui/components/sidebar/workspace-sidebar.tsx
@@ -1,25 +1,34 @@
 "use client";
 
 import { forwardRef, useImperativeHandle, useState } from "react";
-import { Plus } from "lucide-react";
+import { Plus, Upload } from "lucide-react";
 import { Button } from "~/components/ui/button";
 import { ConfirmDialog } from "~/components/confirm-dialog";
 import { TreeProvider, TreeView } from "~/components/kibo-ui/tree";
-import { CreateFolderDialog, CreateEndpointDialog, CreateProjectDialog } from "./dialogs";
+import {
+    CreateFolderDialog,
+    CreateEndpointDialog,
+    CreateProjectDialog,
+    ImportProjectDialog,
+} from "./dialogs";
 import { ProjectSettingsDialog } from "./project-settings-dialog";
 import { ProjectTreeNode } from "./sidebar-tree";
 import {
     useCreateProject,
     useDeleteProject,
+    useImportProject,
     useProjects,
     useUpdateProject,
 } from "~/hooks/use-projects";
 import { useCreateFolder, useDeleteFolder, useRenameFolder } from "~/hooks/use-folders";
 import { useCreateEndpoint, useDeleteEndpoint, useUpdateEndpoint } from "~/hooks/use-endpoints";
+import { api } from "~/trpc/react";
+import { toast } from "sonner";
 import type { ModalTarget, SidebarProject } from "./types";
 
 export interface SidebarHandle {
     openProjectModal: () => void;
+    openImportModal: () => void;
 }
 
 export const Sidebar = forwardRef<
@@ -50,18 +59,40 @@ export const Sidebar = forwardRef<
     const createProject = useCreateProject();
     const deleteProject = useDeleteProject();
     const updateProject = useUpdateProject();
+    const importProject = useImportProject();
     const createEndpoint = useCreateEndpoint();
     const deleteEndpoint = useDeleteEndpoint();
     const updateEndpoint = useUpdateEndpoint();
+    const trpcUtils = api.useUtils();
 
     useImperativeHandle(ref, () => ({
         openProjectModal: () => setModal({ kind: "project" }),
+        openImportModal: () => setModal({ kind: "importProject" }),
     }));
 
     const confirmDangerousAction = (title: string, description: string, onConfirm: () => void) => {
         setConfirmState({ open: true, title, description, onConfirm });
     };
 
+    const handleExportProject = async (projectId: string) => {
+        try {
+            const data = await trpcUtils.project.exportProject.fetch({ id: projectId });
+            const jsonString = JSON.stringify(data, null, 2);
+            const blob = new Blob([jsonString], { type: "application/json" });
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement("a");
+            a.href = url;
+            a.download = `${data.project.title.toLowerCase().replace(/[^a-z0-9]/g, "-")}-export.json`;
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
+            URL.revokeObjectURL(url);
+            toast.success("Project exported");
+        } catch (error) {
+            toast.error(error instanceof Error ? error.message : "Failed to export project");
+        }
+    };
+
     return (
         <>
             <aside className="flex h-full w-full flex-col bg-background">
@@ -69,14 +100,24 @@ export const Sidebar = forwardRef<
                     {projects.length === 0 ? (
                         <div className="mt-10 flex flex-col items-center gap-2 px-4 text-center text-xs text-muted-foreground">
                             <p>No projects yet.</p>
-                            <Button
-                                variant="outline"
-                                size="sm"
-                                className="h-7 text-xs"
-                                onClick={() => setModal({ kind: "project" })}
-                            >
-                                <Plus className="mr-1 h-3 w-3" /> New project
-                            </Button>
+                            <div className="flex items-center gap-2">
+                                <Button
+                                    variant="outline"
+                                    size="sm"
+                                    className="h-7 text-xs"
+                                    onClick={() => setModal({ kind: "project" })}
+                                >
+                                    <Plus className="mr-1 h-3 w-3" /> New project
+                                </Button>
+                                <Button
+                                    variant="outline"
+                                    size="sm"
+                                    className="h-7 text-xs"
+                                    onClick={() => setModal({ kind: "importProject" })}
+                                >
+                                    <Upload className="mr-1 h-3 w-3" /> Import
+                                </Button>
+                            </div>
                         </div>
                     ) : (
                         <TreeProvider showLines indent={16} animateExpand>
@@ -103,6 +144,7 @@ export const Sidebar = forwardRef<
                                             updateEndpoint.mutate({ id, name })
                                         }
                                         onOpenModal={setModal}
+                                        onExportProject={handleExportProject}
                                         onDeleteProject={(id) =>
                                             confirmDangerousAction(
                                                 "Delete project?",
@@ -160,6 +202,24 @@ export const Sidebar = forwardRef<
                     setModal(null);
                 }}
             />
+            <ImportProjectDialog
+                open={modal?.kind === "importProject"}
+                onOpenChange={(open) => {
+                    if (!open) setModal(null);
+                }}
+                onImport={(data) => {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    importProject.mutate(data as any, {
+                        onSuccess: (res) => {
+                            setModal(null);
+                            if (res.projectId) {
+                                onSelectProject(res.projectId);
+                            }
+                        },
+                    });
+                }}
+                isImporting={importProject.isPending}
+            />
             <CreateFolderDialog
                 open={modal?.kind === "folder"}
                 onOpenChange={(open) => {
diff --git a/src/modules/workspace/ui/layouts/workspace-layout.tsx b/src/modules/workspace/ui/layouts/workspace-layout.tsx
index 3fb298a..e570a13 100644
--- a/src/modules/workspace/ui/layouts/workspace-layout.tsx
+++ b/src/modules/workspace/ui/layouts/workspace-layout.tsx
@@ -1,6 +1,6 @@
 "use client";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { PanelLeftIcon, Plus } from "lucide-react";
+import { PanelLeftIcon, Plus, Upload } from "lucide-react";
 import { cn } from "~/lib/utils";
 import { Sidebar, type SidebarHandle } from "../components/sidebar/workspace-sidebar";
 import { EndpointBar } from "../components/dashboard/endpointBar";
@@ -98,9 +98,18 @@ export function ApiClientLayout({
                         onClick={() => sidebarRef.current?.openProjectModal()}
                         className="p-1.5 rounded-md text-muted-foreground hover:text-foreground hover:bg-muted transition-colors"
                         aria-label="New project"
+                        title="New project"
                     >
                         <Plus className="h-4 w-4" />
                     </button>
+                    <button
+                        onClick={() => sidebarRef.current?.openImportModal()}
+                        className="p-1.5 rounded-md text-muted-foreground hover:text-foreground hover:bg-muted transition-colors"
+                        aria-label="Import project"
+                        title="Import project"
+                    >
+                        <Upload className="h-4 w-4" />
+                    </button>
                 </div>
 
                 <div className="flex-1 min-h-0">
diff --git a/src/server/api/routers/project.test.ts b/src/server/api/routers/project.test.ts
index 7938382..e296368 100644
--- a/src/server/api/routers/project.test.ts
+++ b/src/server/api/routers/project.test.ts
@@ -125,4 +125,127 @@ describe("projectRouter", () => {
             expect(deleteProjectData).toHaveBeenCalledWith(id);
         });
     });
+
+    describe("exportProject and importProject", () => {
+        beforeEach(() => {
+            ctx.db.run(`
+            CREATE TABLE IF NOT EXISTS voidend_folders (
+              id TEXT PRIMARY KEY,
+              name TEXT NOT NULL,
+              projectId TEXT NOT NULL,
+              parentId TEXT,
+              createdAt INTEGER NOT NULL DEFAULT (unixepoch()),
+              updatedAt INTEGER NOT NULL DEFAULT (unixepoch())
+            );
+          `);
+            ctx.db.run(`
+            CREATE TABLE IF NOT EXISTS voidend_endpoints (
+              id TEXT PRIMARY KEY,
+              name TEXT NOT NULL,
+              projectId TEXT NOT NULL,
+              folderId TEXT,
+              method TEXT NOT NULL DEFAULT 'GET',
+              path TEXT NOT NULL,
+              statusCode INTEGER NOT NULL DEFAULT 200,
+              responseHeaders TEXT DEFAULT '{}',
+              delayMs INTEGER NOT NULL DEFAULT 0,
+              failureRate REAL NOT NULL DEFAULT 0,
+              responseSchema TEXT NOT NULL DEFAULT '{}',
+              responseCount INTEGER NOT NULL DEFAULT 1,
+              errorSchema TEXT DEFAULT NULL,
+              createdAt INTEGER NOT NULL DEFAULT (unixepoch()),
+              updatedAt INTEGER NOT NULL DEFAULT (unixepoch())
+            );
+          `);
+            ctx.db.run(`
+            CREATE TABLE IF NOT EXISTS voidend_auth_configs (
+              id TEXT PRIMARY KEY,
+              endpointId TEXT NOT NULL,
+              isLoginEndpoint INTEGER NOT NULL DEFAULT 0,
+              requiresAuth INTEGER NOT NULL DEFAULT 0,
+              tokenExpirySeconds INTEGER NOT NULL DEFAULT 3600,
+              createdAt INTEGER NOT NULL DEFAULT (unixepoch()),
+              updatedAt INTEGER NOT NULL DEFAULT (unixepoch())
+            );
+          `);
+        });
+
+        it("exports and imports a full project graph with folders, endpoints, schemas, and auth configs", async () => {
+            const proj = await caller.create({
+                title: "Original Project",
+                description: "Test description",
+                basePath: "/api/v1",
+            });
+
+            const parentFolderId = crypto.randomUUID();
+            await ctx.db.insert(schema.folders_table).values({
+                id: parentFolderId,
+                name: "Parent Folder",
+                projectId: proj!.id,
+            });
+
+            const childFolderId = crypto.randomUUID();
+            await ctx.db.insert(schema.folders_table).values({
+                id: childFolderId,
+                name: "Child Folder",
+                projectId: proj!.id,
+                parentId: parentFolderId,
+            });
+
+            const endpointId = crypto.randomUUID();
+            await ctx.db.insert(schema.endpoints_table).values({
+                id: endpointId,
+                name: "Get Users",
+                projectId: proj!.id,
+                folderId: childFolderId,
+                method: "GET",
+                path: "/users",
+                statusCode: 200,
+                responseSchema: { type: "array", items: { type: "string" } },
+                responseCount: 5,
+            });
+
+            await ctx.db.insert(schema.auth_configs_table).values({
+                endpointId: endpointId,
+                isLoginEndpoint: false,
+                requiresAuth: true,
+                tokenExpirySeconds: 1800,
+            });
+
+            const exportedData = await caller.exportProject({ id: proj!.id });
+
+            expect(exportedData.version).toBe("1.0");
+            expect(exportedData.project.title).toBe("Original Project");
+            expect(exportedData.folders).toHaveLength(2);
+            expect(exportedData.endpoints).toHaveLength(1);
+            expect(exportedData.endpoints[0]?.authConfig?.requiresAuth).toBe(true);
+
+            const importResult = await caller.importProject(exportedData);
+
+            expect(importResult.projectId).not.toBe(proj!.id);
+            expect(importResult.foldersCreated).toBe(2);
+            expect(importResult.endpointsCreated).toBe(1);
+
+            const importedProj = await caller.getById({ id: importResult.projectId });
+            expect(importedProj?.title).toBe("Original Project");
+            expect(importedProj?.basePath).toBe("/api/v1");
+
+            const importedFolders = await ctx.db.query.folders_table.findMany({
+                where: (f, { eq }) => eq(f.projectId, importResult.projectId),
+            });
+            expect(importedFolders).toHaveLength(2);
+
+            const importedEndpoints = await ctx.db.query.endpoints_table.findMany({
+                where: (e, { eq }) => eq(e.projectId, importResult.projectId),
+            });
+            expect(importedEndpoints).toHaveLength(1);
+            expect(importedEndpoints[0]?.name).toBe("Get Users");
+
+            const importedAuthConfig = await ctx.db.query.auth_configs_table.findFirst({
+                where: (a, { eq }) => eq(a.endpointId, importedEndpoints[0]!.id),
+            });
+            expect(importedAuthConfig?.requiresAuth).toBe(true);
+            expect(importedAuthConfig?.tokenExpirySeconds).toBe(1800);
+        });
+    });
 });
diff --git a/src/server/api/routers/project.ts b/src/server/api/routers/project.ts
index dd94553..5b4ef7e 100644
--- a/src/server/api/routers/project.ts
+++ b/src/server/api/routers/project.ts
@@ -61,4 +61,226 @@ export const projectRouter = createTRPCRouter({
             deleteProjectData(input.id);
             await ctx.db.delete(projects_table).where(eq(projects_table.id, input.id));
         }),
+
+    exportProject: publicProcedure
+        .input(z.object({ id: z.string().uuid() }))
+        .query(async ({ ctx, input }) => {
+            const { TRPCError } = await import("@trpc/server");
+
+            const project = await ctx.db.query.projects_table.findFirst({
+                where: (p, { eq }) => eq(p.id, input.id),
+            });
+
+            if (!project) {
+                throw new TRPCError({ code: "NOT_FOUND", message: "Project not found." });
+            }
+
+            const folders = await ctx.db.query.folders_table.findMany({
+                where: (f, { eq }) => eq(f.projectId, input.id),
+                orderBy: (f, { asc }) => [asc(f.createdAt)],
+            });
+
+            const endpoints = await ctx.db.query.endpoints_table.findMany({
+                where: (e, { eq }) => eq(e.projectId, input.id),
+                orderBy: (e, { asc }) => [asc(e.createdAt)],
+            });
+
+            const endpointIds = endpoints.map((e) => e.id);
+            const authConfigs =
+                endpointIds.length > 0
+                    ? await ctx.db.query.auth_configs_table.findMany({
+                          where: (a, { inArray }) => inArray(a.endpointId, endpointIds),
+                      })
+                    : [];
+            const authConfigMap = new Map(authConfigs.map((a) => [a.endpointId, a]));
+
+            return {
+                version: "1.0" as const,
+                exportedAt: new Date().toISOString(),
+                project: {
+                    title: project.title,
+                    description: project.description ?? null,
+                    basePath: project.basePath,
+                    secret: project.secret,
+                },
+                folders: folders.map((f) => ({
+                    _ref: f.id,
+                    name: f.name,
+                    parentRef: f.parentId ?? null,
+                })),
+                endpoints: endpoints.map((e) => {
+                    const auth = authConfigMap.get(e.id);
+                    return {
+                        _ref: e.id,
+                        name: e.name,
+                        folderRef: e.folderId ?? null,
+                        method: e.method,
+                        path: e.path,
+                        statusCode: e.statusCode,
+                        responseHeaders: (e.responseHeaders as Record<string, string> | null) ?? {},
+                        delayMs: e.delayMs,
+                        failureRate: e.failureRate,
+                        responseSchema: e.responseSchema as Record<string, unknown>,
+                        responseCount: e.responseCount,
+                        errorSchema: (e.errorSchema as Record<string, unknown> | null) ?? null,
+                        authConfig: auth
+                            ? {
+                                  isLoginEndpoint: auth.isLoginEndpoint,
+                                  requiresAuth: auth.requiresAuth,
+                                  tokenExpirySeconds: auth.tokenExpirySeconds,
+                              }
+                            : null,
+                    };
+                }),
+            };
+        }),
+
+    importProject: publicProcedure
+        .input(
+            z.object({
+                version: z.literal("1.0"),
+                exportedAt: z.string(),
+                project: z.object({
+                    title: z.string().min(1),
+                    description: z.string().nullable().optional(),
+                    basePath: z.string().default("/"),
+                    secret: z.string().optional(),
+                }),
+                folders: z.array(
+                    z.object({
+                        _ref: z.string(),
+                        name: z.string().min(1),
+                        parentRef: z.string().nullable(),
+                    }),
+                ),
+                endpoints: z.array(
+                    z.object({
+                        _ref: z.string(),
+                        name: z.string().min(1),
+                        folderRef: z.string().nullable(),
+                        method: z.enum(["GET", "POST", "PUT", "PATCH", "DELETE"]),
+                        path: z.string().min(1),
+                        statusCode: z.number().int().min(100).max(599).default(200),
+                        responseHeaders: z.record(z.string(), z.string()).optional(),
+                        delayMs: z.number().int().min(0).default(0),
+                        failureRate: z.number().min(0).max(1).default(0),
+                        responseSchema: z.record(z.string(), z.unknown()).default({}),
+                        responseCount: z.number().int().min(1).max(100).default(1),
+                        errorSchema: z.record(z.string(), z.unknown()).nullable().optional(),
+                        authConfig: z
+                            .object({
+                                isLoginEndpoint: z.boolean().default(false),
+                                requiresAuth: z.boolean().default(false),
+                                tokenExpirySeconds: z.number().int().min(1).default(3600),
+                            })
+                            .nullable()
+                            .optional(),
+                    }),
+                ),
+            }),
+        )
+        .mutation(async ({ ctx, input }) => {
+            const { folders_table, endpoints_table, auth_configs_table } =
+                await import("~/server/db/schema");
+            const { generateAndSaveData } = await import("~/lib/endpoint-data-store");
+
+            const [project] = await ctx.db
+                .insert(projects_table)
+                .values({
+                    title: input.project.title,
+                    description: input.project.description ?? undefined,
+                    basePath: input.project.basePath,
+                    secret: input.project.secret,
+                })
+                .returning();
+
+            if (!project) throw new Error("Failed to create project during import.");
+
+            const folderRefToId = new Map<string, string>();
+
+            const folderMap = new Map(input.folders.map((f) => [f._ref, f]));
+            const visited = new Set<string>();
+            const sorted: typeof input.folders = [];
+
+            function visitFolder(ref: string) {
+                if (visited.has(ref)) return;
+                visited.add(ref);
+                const folder = folderMap.get(ref);
+                if (!folder) return;
+                if (folder.parentRef) visitFolder(folder.parentRef);
+                sorted.push(folder);
+            }
+
+            for (const f of input.folders) visitFolder(f._ref);
+
+            for (const folder of sorted) {
+                const parentId = folder.parentRef
+                    ? (folderRefToId.get(folder.parentRef) ?? null)
+                    : null;
+
+                // eslint-disable-next-line no-await-in-loop -- sequential: child folders need parent id from prior iteration
+                const [created] = await ctx.db
+                    .insert(folders_table)
+                    .values({
+                        name: folder.name,
+                        projectId: project.id,
+                        parentId: parentId ?? undefined,
+                    })
+                    .returning();
+
+                if (created) folderRefToId.set(folder._ref, created.id);
+            }
+
+            const endpointRefToId = new Map<string, string>();
+
+            for (const ep of input.endpoints) {
+                const folderId = ep.folderRef ? (folderRefToId.get(ep.folderRef) ?? null) : null;
+
+                // eslint-disable-next-line no-await-in-loop -- sequential: child folders need parent id from prior iteration
+                const [created] = await ctx.db
+                    .insert(endpoints_table)
+                    .values({
+                        name: ep.name,
+                        projectId: project.id,
+                        folderId: folderId ?? undefined,
+                        method: ep.method,
+                        path: ep.path,
+                        statusCode: ep.statusCode,
+                        responseHeaders: ep.responseHeaders ?? {},
+                        delayMs: ep.delayMs,
+                        failureRate: ep.failureRate,
+                        responseSchema: ep.responseSchema,
+                        responseCount: ep.responseCount,
+                        errorSchema: ep.errorSchema ?? null,
+                    })
+                    .returning();
+
+                if (!created) continue;
+
+                endpointRefToId.set(ep._ref, created.id);
+
+                generateAndSaveData(
+                    project.id,
+                    created.id,
+                    created.responseSchema,
+                    created.responseCount ?? 1,
+                );
+
+                if (ep.authConfig) {
+                    // eslint-disable-next-line no-await-in-loop -- depends on created.id from this iteration
+                    await ctx.db.insert(auth_configs_table).values({
+                        endpointId: created.id,
+                        isLoginEndpoint: ep.authConfig.isLoginEndpoint,
+                        requiresAuth: ep.authConfig.requiresAuth,
+                        tokenExpirySeconds: ep.authConfig.tokenExpirySeconds,
+                    });
+                }
+            }
+
+            return {
+                projectId: project.id,
+                foldersCreated: folderRefToId.size,
+                endpointsCreated: endpointRefToId.size,
+            };
+        }),
 });