You can embed Shootmail email builder in your apps natively and provide intuitive email building experience to your users.
Shoomail email builder has a notion-like interface to quickly build beautiful emails, without expertise.
Shootmail email builder has pre-built blocks like button, image, logo, signature etc. Your users can use the slash command / to quickly insert
and modify them to suit their branding.
You can export the templates in JSON format and save them to your database. Later you can load the JSON again
to modify the templates. You can also export the email optimized HTML that is ready to be sent.
Responsive and compatible with major email clients
Emails built using Shootmail email builder are compatible with major email clients like Outlook, Apple Mail, Gmail etc.
, are responsive and support dark mode by default.
Shootmail email builder is light and easy to integrate into your app, with just a few lines of code. It is framework agnostic.
{"docsConfig":{"$schema":"https://mintlify.com/docs.json","theme":"mint","name":"Shootmail","colors":{"primary":"#FE6054","light":"#FEB341","dark":"#FEB341"},"favicon":"/favicon.png","logo":{"light":"https://res.cloudinary.com/curead/image/upload/c_scale,f_auto,q_auto,w_500/v1712843877/Shootmail/logos/shootm-logo-with-name_jgdq2l.png","dark":"https://res.cloudinary.com/curead/image/upload/f_auto,q_100,w_512/v1713876965/Shootmail/logos/shootm-logo-with-name-dark-mode_rziumz.png"},"navbar":{"links":[{"label":"Website","href":"https://shootmail.app"}],"primary":{"type":"button","label":"Dashboard","href":"https://shootmail.app"}},"footer":{"socials":{"x":"https://x.com/spsbuilds","linkedin":"https://www.linkedin.com/in/sps14"}},"navigation":{"global":{"anchors":[{"anchor":"Support","href":"https://wa.link/f1zuld","icon":"whatsapp"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"shootmail","hasAudioNarration":false,"actualSubdomain":"shootmail","customDomains":["docs.shootmail.app"],"gitSource":{"type":"github","owner":"subhendupsingh","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a20c51300c8336c6f4e737e","collectionId":"0f1b4ab6-5168-4b88-8b62-804f417a3ccd","schemaVersion":"v2"},"entitlements":{},"buildId":"6ae9209ab630b6d1aabffff9:success","clientVersion":"0.0.4067","searchFilterCounts":[{"language":"default","tag":"Documentation","count":16},{"language":"default","tag":"Framework Examples","count":5},{"language":"default","tag":"Get Started","count":4},{"language":"default","tag":"Shootmail for Apps","count":3},{"language":"default","tag":"Integrations","count":2},{"language":"default","tag":"REST API","count":1},{"language":"default","tag":"Introduction","count":1}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"v2/shootmail-for-apps/introduction","slug":"/v2/shootmail-for-apps/introduction","pageMetadata":{"title":"Introduction","description":"Embed Shootmail in your app natively","href":"/v2/shootmail-for-apps/introduction"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Embed Shootmail in your app natively\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={code:`code`,p:`p`,..._provideComponents(),...props.components},{Heading}=_components;if(!Heading)_missingMdxReference(`Heading`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`You can embed Shootmail email builder in your apps natively and provide intuitive email building experience to your users.\nShoomail email builder has a notion-like interface to quickly build beautiful emails, without expertise.`}),`\n`,_jsx(Heading,{level:`3`,id:`pre-built-blocks`,children:`Pre-built blocks`}),`\n`,_jsxs(_components.p,{children:[`Shootmail email builder has pre-built blocks like button, image, logo, signature etc. Your users can use the slash command `,_jsx(_components.code,{children:`/`}),` to quickly insert\nand modify them to suit their branding.`]}),`\n`,_jsx(Heading,{level:`3`,id:`save-and-load-templates`,children:`Save and load templates`}),`\n`,_jsx(_components.p,{children:`You can export the templates in JSON format and save them to your database. Later you can load the JSON again\nto modify the templates. You can also export the email optimized HTML that is ready to be sent.`}),`\n`,_jsx(Heading,{level:`3`,id:`responsive-and-compatible-with-major-email-clients`,children:`Responsive and compatible with major email clients`}),`\n`,_jsx(_components.p,{children:`Emails built using Shootmail email builder are compatible with major email clients like Outlook, Apple Mail, Gmail etc.\n, are responsive and support dark mode by default.`}),`\n`,_jsx(Heading,{level:`3`,id:`easy-to-integrate`,children:`Easy to integrate`}),`\n`,_jsx(_components.p,{children:`Shootmail email builder is light and easy to integrate into your app, with just a few lines of code. It is framework agnostic.`})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Introduction","description":"Embed Shootmail in your app natively","href":"/v2/shootmail-for-apps/introduction"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Pre-built blocks","slug":"pre-built-blocks","depth":3,"children":[]},{"title":"Save and load templates","slug":"save-and-load-templates","depth":3,"children":[]},{"title":"Responsive and compatible with major email clients","slug":"responsive-and-compatible-with-major-email-clients","depth":3,"children":[]},{"title":"Easy to integrate","slug":"easy-to-integrate","depth":3,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"shootmail","siteName":"Shootmail","title":"Introduction - Shootmail","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-01-07T02:44:02.230Z","originalFileLocation":"v2/shootmail-for-apps/introduction.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Embed Shootmail in your app natively\">\u003cmeta data-mint-head name=\"application-name\" content=\"Shootmail\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/shootmail/rVaK7Cssa1AZBTzx/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/shootmail/rVaK7Cssa1AZBTzx/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/shootmail/rVaK7Cssa1AZBTzx/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/shootmail/rVaK7Cssa1AZBTzx/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/shootmail/rVaK7Cssa1AZBTzx/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/shootmail/rVaK7Cssa1AZBTzx/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/shootmail/rVaK7Cssa1AZBTzx/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/shootmail/rVaK7Cssa1AZBTzx/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/shootmail/rVaK7Cssa1AZBTzx/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Introduction - Shootmail\">\u003cmeta data-mint-head property=\"og:description\" content=\"Embed Shootmail in your app natively\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Shootmail\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.shootmail.app/v2/shootmail-for-apps/introduction\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://shootmail.mintlify.app/_mintlify/api/og/v2?division=Shootmail+for+Apps\u0026amp;title=Introduction\u0026amp;description=Embed+Shootmail+in+your+app+natively\u0026amp;theme=c36f930f9d8c76b5e18b6a18\u0026amp;signature=de2194a042e5ad049c100bdbef97ff1d39d2744ff2afd5978514157369fb12fa\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Introduction - Shootmail\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Embed Shootmail in your app natively\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://shootmail.mintlify.app/_mintlify/api/og/v2?division=Shootmail+for+Apps\u0026amp;title=Introduction\u0026amp;description=Embed+Shootmail+in+your+app+natively\u0026amp;theme=c36f930f9d8c76b5e18b6a18\u0026amp;signature=de2194a042e5ad049c100bdbef97ff1d39d2744ff2afd5978514157369fb12fa\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/shootmail/rVaK7Cssa1AZBTzx/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Shootmail\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#FE6054\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.shootmail.app/v2/shootmail-for-apps/introduction\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/v2/shootmail-for-apps/introduction.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.shootmail.app/#organization\",\"name\":\"Shootmail\",\"url\":\"https://docs.shootmail.app\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://res.cloudinary.com/curead/image/upload/c_scale,f_auto,q_auto,w_500/v1712843877/Shootmail/logos/shootm-logo-with-name_jgdq2l.png\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.shootmail.app#website\",\"name\":\"Shootmail\",\"url\":\"https://docs.shootmail.app\",\"publisher\":{\"@id\":\"https://docs.shootmail.app/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.shootmail.app/v2/shootmail-for-apps/introduction#webpage\",\"url\":\"https://docs.shootmail.app/v2/shootmail-for-apps/introduction\",\"name\":\"Introduction\",\"description\":\"Embed Shootmail in your app natively\",\"dateModified\":\"2026-01-07T02:44:02.230Z\",\"isPartOf\":{\"@id\":\"https://docs.shootmail.app#website\"},\"breadcrumb\":{\"@id\":\"https://docs.shootmail.app/v2/shootmail-for-apps/introduction#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.shootmail.app/v2/shootmail-for-apps/introduction#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Shootmail\",\"item\":\"https://docs.shootmail.app\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introduction\",\"item\":\"https://docs.shootmail.app/v2/shootmail-for-apps/introduction\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.shootmail.app/v2/shootmail-for-apps/introduction#article\",\"headline\":\"Introduction\",\"name\":\"Introduction\",\"description\":\"Embed Shootmail in your app natively\",\"url\":\"https://docs.shootmail.app/v2/shootmail-for-apps/introduction\",\"mainEntityOfPage\":{\"@id\":\"https://docs.shootmail.app/v2/shootmail-for-apps/introduction#webpage\"},\"dateModified\":\"2026-01-07T02:44:02.230Z\",\"publisher\":{\"@id\":\"https://docs.shootmail.app/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.shootmail.app#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Shootmail\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Shootmail","nav":{"global":{"anchors":[{"anchor":"Support","href":"https://wa.link/f1zuld","icon":"whatsapp"}]},"anchors":[{"anchor":"Documentation","icon":"book-open","groups":[{"group":"Introduction","pages":[{"title":"Overview","href":"/v2/overview"}]},{"group":"Get Started","pages":[{"title":"Shootmail Editor","href":"/v2/editor"},{"title":"SDK","href":"/v2/sdk"},{"title":"Response Format","href":"/usage/response"},{"title":"Supported Providers","href":"/supported-providers"}]},{"group":"REST API","pages":[{"title":"Mail","description":"Send mails using the REST API endpoint","href":"/v2/mail"}]},{"group":"Shootmail for Apps","pages":[{"title":"Introduction","href":"/v2/shootmail-for-apps/introduction"},{"title":"Installation","description":"Learn how to install Shootmail in your app.","href":"/v2/shootmail-for-apps/installation"},{"title":"Usage","href":"/v2/shootmail-for-apps/usage"}]},{"group":"Framework Examples","pages":[{"title":"Next.js","href":"/v2/shootmail-for-apps/frameworks/next"},{"title":"Sveltekit","href":"/v2/shootmail-for-apps/frameworks/sveltekit"},{"title":"Remix","href":"/v2/shootmail-for-apps/frameworks/remix"},{"title":"Nuxt.js","href":"/v2/shootmail-for-apps/frameworks/nuxt"},{"title":"Rails","href":"/v2/shootmail-for-apps/frameworks/rails"}]},{"group":"Integrations","pages":[{"title":"Supabase","href":"/v2/integrations/supabase"},{"title":"Better Auth","href":"/v2/integrations/better-auth"}]}]}]},"basePath":"","title":"Introduction - Shootmail","buildId":"dpl_9VVk5y1P8k1ATeJguVngy9Q3cmbD","deploymentId":"dpl_9VVk5y1P8k1ATeJguVngy9Q3cmbD","dynamics":[],"chunks":[]}