Powerful drag-and-drop email builder with framework-agnostic API. Works seamlessly with React, Vue, Svelte, and vanilla JavaScript.
Build responsive, production-ready emails with powerful features
Intuitive interface powered by react-dnd. Add, move, and customize components effortlessly.
Self-contained CDN bundle works with React 18/19, Vue 3, Svelte, or vanilla JavaScript.
Create reusable component groups and add them to your editor's element panel.
Export production-ready responsive HTML using MJML framework. Perfect for email campaigns.
Full type safety with comprehensive TypeScript definitions included out of the box.
Date-based versioning ensures users always get the latest CDN bundle automatically.
Built-in image upload with drag & drop support. Integrate with your own storage service.
All templates are mobile-first and responsive. Preview on different screen sizes.
Start with pre-built templates or create your own from scratch. Save and reuse blocks.
Secure your editor with API key authentication. Control access to features and data.
Customize colors, fonts, and spacing. Maintain brand consistency across all emails.
Lightning fast with 113KB gzipped bundle. Optimized for smooth editing experience.
Three simple steps to create beautiful emails
Install via npm or use the CDN bundle. Initialize the editor with your API key and configuration.
npm install @actovision/kaptha-email-editor
Drag and drop components, customize styles, and preview in real-time. Use templates to get started quickly.
Export to MJML or HTML. Integrate with your email service provider and send campaigns.
Simple, clean API that just works
import KapthaEmailEditor from '@actovision/kaptha-email-editor';
function App() {
return (
<KapthaEmailEditor
apiKey="your-api-key"
minHeight="600px"
onReady={() => console.log('Ready!')}
/>
);
}<template>
<KapthaEmailEditorWrapper
api-key="your-api-key"
min-height="600px"
:on-ready="handleReady"
/>
</template><script>
import KapthaEmailEditor from './lib/KapthaEmailEditor.svelte';
</script>
<KapthaEmailEditor
apiKey="your-api-key"
minHeight="600px"
on:ready={handleReady}
/>const editor = KapthaEmailEditor.createEditor({
container: document.getElementById('editor'),
apiKey: 'your-api-key',
minHeight: '600px',
onReady: () => console.log('Ready!')
});See it in action across different frameworks
See what developers are saying about Kaptha
"Finally, an email editor that doesn't fight with React! The CDN approach is genius - no more dependency conflicts. Setup took 5 minutes."
"The MJML export is perfect. We switched from a paid service and saved thousands. The framework-agnostic API means we can use it everywhere."
"Open source and MIT licensed? This is exactly what the community needed. The TypeScript support is excellent. Highly recommended!"
Everything you need to know about Kaptha
Yes! Kaptha is 100% free and open source under the MIT license. You can use it for personal and commercial projects without any restrictions.
No. While the wrapper package uses React internally, the CDN bundle is self-contained and works with any framework or vanilla JavaScript. React is bundled so you don't need to install it.
Absolutely! You can customize colors, fonts, spacing, and more through the design system panel. Add your brand colors and maintain consistency across all emails.
The MJML export ensures compatibility with all major email clients including Gmail, Outlook, Apple Mail, Yahoo, and mobile clients. MJML handles the complex responsive HTML generation.
Yes! You can install via npm and bundle it with your application, or host the CDN assets on your own infrastructure. Full source code is available on GitHub.
Kaptha includes a built-in image upload modal. You can integrate it with your storage service (S3, Cloudinary, etc.) by providing custom upload handlers.
Join developers using Kaptha to create beautiful email templates
npm install @actovision/kaptha-email-editor