import {Footer, Navbar} from '../../components'; import {motion} from 'framer-motion'; import {DASHBOARD_URI, WIKI_URI} from '../../lib/constants'; import React from 'react'; import Link from 'next/link'; import {ArrowRight, Code2, Eye, Mail, Palette, Sparkles, Type, Zap} from 'lucide-react'; import Head from 'next/head'; const features = [ { icon: , title: 'Visual WYSIWYG Editor', description: 'Rich text editing with formatting toolbar. Bold, italic, headings, lists, links, images, and tables. No code required.', featured: true, }, { icon: , title: 'Full HTML Editor', description: 'Syntax highlighting, auto-completion, and bracket matching. Write custom HTML when you need complete control.', }, { icon: , title: 'Smart Mode Switching', description: 'Automatically detects complex HTML and switches to code mode. Warns you before changes that would lose custom formatting.', }, { icon: , title: 'Powerful Variables', description: 'Autocomplete with {{variable}} syntax. Supports fallbacks, nested properties, and custom contact fields.', }, { icon: , title: 'Live Preview', description: 'Preview with real contact data. Test on desktop, tablet, and mobile views before sending.', }, { icon: , title: 'Email-Safe HTML', description: 'Automatic CSS inlining and email-client-friendly code generation. Yes, even in Outlook.', }, ]; const useCases = [ { icon: , title: 'For Developers', description: 'Full HTML control when you need it. Powerful variable system with autocomplete and fallbacks. Use templates in API calls, workflows, and campaigns.', example: 'Password resets → API-triggered alerts → Webhook notifications', }, { icon: , title: 'For Marketers', description: 'Visual editor for quick changes. Live preview with real customer data. Create professional emails without waiting for developers.', example: 'Product announcements → Newsletter campaigns → Promotional emails → Customer onboarding', }, { icon: , title: 'For Teams', description: 'One tool for everyone. Developers can code, marketers can design, everyone can preview. Reusable templates across campaigns and workflows.', example: 'Launch announcements → Feature updates → User engagement → Lifecycle emails', }, ]; export default function EmailEditorFeature() { return ( <> Email Editor - Create Beautiful Emails Without Fighting Your Tools | Plunk
{/* Hero */}
Features — Email Editor & Templates

The editor that
speaks both languages.

Switch seamlessly between visual and code editing. Preview with real customer data. Create templates that work everywhere.

Try the editor free View documentation
{/* Features grid */}

Two editors, one experience

Visual editing for speed, code editing for control
{features.map((feature, index) => { const highlighted = feature.featured; return (
{feature.icon}
{String(index + 1).padStart(2, '0')}

{feature.title}

{feature.description}

); })}
{/* How it works */}

From first draft to send

Create, preview, and deploy templates in minutes
{[ { step: '01', title: 'Create your template', body: 'Use the visual editor for quick formatting or write custom HTML. Add variables with autocomplete.', }, { step: '02', title: 'Preview with real data', body: 'Select any contact and see exactly what they\'ll receive. Test on desktop, tablet, and mobile.', }, { step: '03', title: 'Use everywhere', body: 'Use your template in campaigns, workflows, and API calls. One template, unlimited uses.', }, ].map((item, i) => (
Step {item.step}

{item.title}

{item.body}

 ))}
{/* Use cases */}

Built for every team

Whether you're a developer, marketer, or founder
    {useCases.map((useCase, index) => ( {String(index + 1).padStart(2, '0')}

    {useCase.title}

    {useCase.description}

    {useCase.example}

    ))}
{/* CTA */}
Build your first template today.

Free plan available. $0.001 per email on paid. No credit card required.

Get started for free View pricing