diff --git a/app/src/routes/edit/share-options/exports/export-modal.tsx b/app/src/routes/edit/share-options/exports/export-modal.tsx
index 67ece0ad..90af95f7 100644
--- a/app/src/routes/edit/share-options/exports/export-modal.tsx
+++ b/app/src/routes/edit/share-options/exports/export-modal.tsx
@@ -14,7 +14,7 @@ import {
 	TreeView,
 	InlineNotification
 } from '@carbon/react';
-import { Copy } from '@carbon/react/icons';
+import { Copy, Download } from '@carbon/react/icons';
 import { css } from 'emotion';
 import Editor, { useMonaco } from '@monaco-editor/react';
 
@@ -30,6 +30,7 @@ import { GlobalStateContext } from '../../../../context';
 import { ExportImageComponent } from './export-image-component';
 import { filenameToLanguage, getFragmentJsonExportString } from '@carbon-builder/sdk-react';
 import JSONCrush from 'jsoncrush';
+import JSZip from 'jszip';
 
 const exportCodeModalStyle = css`
 	.cds--tab-content {
@@ -88,6 +89,17 @@ const versionDropdownStyle = css`
 	right: 1rem;
 `;
 
+const addToZip = (parent: JSZip, items: any[]) => {
+	items.forEach(item => {
+		if (item.items && item.items.length) {
+			const folder = parent.folder(item.name);
+			addToZip(folder as JSZip, item.items);
+		} else {
+			parent.file(item.name, item.code);
+		}
+	});
+};
+
 const renderCodeTree = (nodes: any, path = '') => {
 	if (!nodes) {
 		return;
@@ -109,7 +121,26 @@ const renderCodeTree = (nodes: any, path = '') => {
 			renderIcon={icon}
 			isExpanded={isExpanded}
 			value={code}
-			label={name}
+			className={css`.cds--tree-node__icon { align-self: center; }`}
+			label={<>
+				{name}
+				{
+					items && items.length > 0 &&
+					<Button
+						hasIconOnly
+						onClick={() => {
+							const zip = new JSZip();
+							addToZip(zip, items);
+							zip.generateAsync({ type: 'blob' }).then(content => {
+								saveBlob(content, `${name}.zip`);
+							});
+						}}
+						iconDescription='Download as ZIP'
+						className={css`margin-left: 0.5rem;`}
+						kind='ghost'
+						size='sm'
+						renderIcon={Download} />}
+			</>}
 			{...nodeProps}>
 			{renderCodeTree(items, fullPath)}
 		</TreeNode>;
@@ -228,7 +259,7 @@ export const ExportModal = () => {
 		}
 
 		setSelectedAngularFileItem(fileItem || selectedAngularFileItem);
-	// eslint-disable-next-line react-hooks/exhaustive-deps
+		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [angularCode, fragmentExportModal.isVisible]);
 
 	useEffect(() => {
@@ -297,10 +328,10 @@ export const ExportModal = () => {
 			{
 				fragmentExportModal.isVisible &&
 				<Tabs
-				selectedIndex={+settings?.selectedExportTabIndex || 0}
-				onChange={({ selectedIndex }: {selectedIndex: number}) => {
-					setSettings({ ...settings, selectedExportTabIndex: selectedIndex });
-				}}>
+					selectedIndex={+settings?.selectedExportTabIndex || 0}
+					onChange={({ selectedIndex }: { selectedIndex: number }) => {
+						setSettings({ ...settings, selectedExportTabIndex: selectedIndex });
+					}}>
 					<TabList aria-label='Export list' className={tabListStyle}>
 						<Tab>Angular</Tab>
 						<Tab>React</Tab>
diff --git a/package-lock.json b/package-lock.json
index bea3db09..7cd08d04 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,6 +19,7 @@
 				"html-react-parser": "4.2.2",
 				"jsoncrush": "1.1.8",
 				"jspdf": "2.5.1",
+				"jszip": "^3.10.1",
 				"lodash": "4.17.21",
 				"lz-string": "1.4.4",
 				"octokit": "3.1.1",
@@ -4864,9 +4865,9 @@
 			}
 		},
 		"node_modules/@octokit/app": {
-			"version": "14.0.1",
-			"resolved": "https://registry.npmjs.org/@octokit/app/-/app-14.0.1.tgz",
-			"integrity": "sha512-4opdXcWBVhzd6FOxlaxDKXXqi9Vz2hsDSWQGNo49HbYFAX11UqMpksMjEdfvHy0x19Pse8Nvn+R6inNb/V398w==",
+			"version": "14.1.0",
+			"resolved": "https://registry.npmjs.org/@octokit/app/-/app-14.1.0.tgz",
+			"integrity": "sha512-g3uEsGOQCBl1+W1rgfwoRFUIR6PtvB2T1E4RpygeUU5LrLvlOqcxrt5lfykIeRpUPpupreGJUYl70fqMDXdTpw==",
 			"dependencies": {
 				"@octokit/auth-app": "^6.0.0",
 				"@octokit/auth-unauthenticated": "^5.0.0",
@@ -4874,7 +4875,7 @@
 				"@octokit/oauth-app": "^6.0.0",
 				"@octokit/plugin-paginate-rest": "^9.0.0",
 				"@octokit/types": "^12.0.0",
-				"@octokit/webhooks": "^12.0.1"
+				"@octokit/webhooks": "^12.0.4"
 			},
 			"engines": {
 				"node": ">= 18"
@@ -5183,13 +5184,13 @@
 			}
 		},
 		"node_modules/@octokit/webhooks": {
-			"version": "12.0.3",
-			"resolved": "https://registry.npmjs.org/@octokit/webhooks/-/webhooks-12.0.3.tgz",
-			"integrity": "sha512-8iG+/yza7hwz1RrQ7i7uGpK2/tuItZxZq1aTmeg2TNp2xTUB8F8lZF/FcZvyyAxT8tpDMF74TjFGCDACkf1kAQ==",
+			"version": "12.2.0",
+			"resolved": "https://registry.npmjs.org/@octokit/webhooks/-/webhooks-12.2.0.tgz",
+			"integrity": "sha512-CyuLJ0/P7bKZ+kIYw+fnkeVdhUzNuDKgNSI7pU/m7Nod0T7kP+s4s2f0pNmG9HL8/RZN1S0ZWTDll3VTMrFLAw==",
 			"dependencies": {
 				"@octokit/request-error": "^5.0.0",
-				"@octokit/webhooks-methods": "^4.0.0",
-				"@octokit/webhooks-types": "7.1.0",
+				"@octokit/webhooks-methods": "^4.1.0",
+				"@octokit/webhooks-types": "7.4.0",
 				"aggregate-error": "^3.1.0"
 			},
 			"engines": {
@@ -5197,17 +5198,17 @@
 			}
 		},
 		"node_modules/@octokit/webhooks-methods": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/@octokit/webhooks-methods/-/webhooks-methods-4.0.0.tgz",
-			"integrity": "sha512-M8mwmTXp+VeolOS/kfRvsDdW+IO0qJ8kYodM/sAysk093q6ApgmBXwK1ZlUvAwXVrp/YVHp6aArj4auAxUAOFw==",
+			"version": "4.1.0",
+			"resolved": "https://registry.npmjs.org/@octokit/webhooks-methods/-/webhooks-methods-4.1.0.tgz",
+			"integrity": "sha512-zoQyKw8h9STNPqtm28UGOYFE7O6D4Il8VJwhAtMHFt2C4L0VQT1qGKLeefUOqHNs1mNRYSadVv7x0z8U2yyeWQ==",
 			"engines": {
 				"node": ">= 18"
 			}
 		},
 		"node_modules/@octokit/webhooks-types": {
-			"version": "7.1.0",
-			"resolved": "https://registry.npmjs.org/@octokit/webhooks-types/-/webhooks-types-7.1.0.tgz",
-			"integrity": "sha512-y92CpG4kFFtBBjni8LHoV12IegJ+KFxLgKRengrVjKmGE5XMeCuGvlfRe75lTRrgXaG6XIWJlFpIDTlkoJsU8w=="
+			"version": "7.4.0",
+			"resolved": "https://registry.npmjs.org/@octokit/webhooks-types/-/webhooks-types-7.4.0.tgz",
+			"integrity": "sha512-FE2V+QZ2UYlh+9wWd5BPLNXG+J/XUD/PPq0ovS+nCcGX4+3qVbi3jYOmCTW48hg9SBBLtInx9+o7fFt4H5iP0Q=="
 		},
 		"node_modules/@open-draft/until": {
 			"version": "1.0.3",
@@ -9452,8 +9453,7 @@
 		"node_modules/core-util-is": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
-			"integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==",
-			"dev": true
+			"integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ=="
 		},
 		"node_modules/corser": {
 			"version": "2.0.1",
@@ -10391,9 +10391,9 @@
 			}
 		},
 		"node_modules/ejs": {
-			"version": "3.1.9",
-			"resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz",
-			"integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==",
+			"version": "3.1.10",
+			"resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
+			"integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
 			"dev": true,
 			"dependencies": {
 				"jake": "^10.8.5"
@@ -11838,9 +11838,9 @@
 			"dev": true
 		},
 		"node_modules/follow-redirects": {
-			"version": "1.15.3",
-			"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
-			"integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
+			"version": "1.15.6",
+			"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+			"integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
 			"funding": [
 				{
 					"type": "individual",
@@ -12662,6 +12662,11 @@
 				"node": ">= 4"
 			}
 		},
+		"node_modules/immediate": {
+			"version": "3.0.6",
+			"resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+			"integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ=="
+		},
 		"node_modules/immutable": {
 			"version": "4.3.4",
 			"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.4.tgz",
@@ -12740,8 +12745,7 @@
 		"node_modules/inherits": {
 			"version": "2.0.4",
 			"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-			"dev": true
+			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
 		},
 		"node_modules/ini": {
 			"version": "2.0.0",
@@ -15336,6 +15340,44 @@
 				"node": ">=4.0"
 			}
 		},
+		"node_modules/jszip": {
+			"version": "3.10.1",
+			"resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",
+			"integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
+			"dependencies": {
+				"lie": "~3.3.0",
+				"pako": "~1.0.2",
+				"readable-stream": "~2.3.6",
+				"setimmediate": "^1.0.5"
+			}
+		},
+		"node_modules/jszip/node_modules/isarray": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+			"integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="
+		},
+		"node_modules/jszip/node_modules/readable-stream": {
+			"version": "2.3.8",
+			"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+			"integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+			"dependencies": {
+				"core-util-is": "~1.0.0",
+				"inherits": "~2.0.3",
+				"isarray": "~1.0.0",
+				"process-nextick-args": "~2.0.0",
+				"safe-buffer": "~5.1.1",
+				"string_decoder": "~1.1.1",
+				"util-deprecate": "~1.0.1"
+			}
+		},
+		"node_modules/jszip/node_modules/string_decoder": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+			"integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+			"dependencies": {
+				"safe-buffer": "~5.1.0"
+			}
+		},
 		"node_modules/jwa": {
 			"version": "1.4.1",
 			"resolved": "https://registry.npmjs.org/jwa/-/jwa-1.4.1.tgz",
@@ -15434,6 +15476,14 @@
 				"node": ">= 0.8.0"
 			}
 		},
+		"node_modules/lie": {
+			"version": "3.3.0",
+			"resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+			"integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+			"dependencies": {
+				"immediate": "~3.0.5"
+			}
+		},
 		"node_modules/lines-and-columns": {
 			"version": "2.0.4",
 			"resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-2.0.4.tgz",
@@ -17455,6 +17505,11 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/pako": {
+			"version": "1.0.11",
+			"resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+			"integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
+		},
 		"node_modules/parchment": {
 			"version": "1.1.4",
 			"resolved": "https://registry.npmjs.org/parchment/-/parchment-1.1.4.tgz",
@@ -17843,6 +17898,11 @@
 				"node": "^14.17.0 || ^16.13.0 || >=18.0.0"
 			}
 		},
+		"node_modules/process-nextick-args": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+			"integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
+		},
 		"node_modules/prompts": {
 			"version": "2.4.2",
 			"resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
@@ -19060,6 +19120,11 @@
 				"node": ">= 0.4"
 			}
 		},
+		"node_modules/setimmediate": {
+			"version": "1.0.5",
+			"resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+			"integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA=="
+		},
 		"node_modules/shebang-command": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -20695,8 +20760,7 @@
 		"node_modules/util-deprecate": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-			"dev": true
+			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
 		},
 		"node_modules/utrie": {
 			"version": "1.0.2",
diff --git a/package.json b/package.json
index 089b0f68..2807885c 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
 		"html-react-parser": "4.2.2",
 		"jsoncrush": "1.1.8",
 		"jspdf": "2.5.1",
+		"jszip": "3.10.1",
 		"lodash": "4.17.21",
 		"lz-string": "1.4.4",
 		"octokit": "3.1.1",