Email Builder

A modern email template editor built with Next.js and React. Create professional email templates with live preview and HTML code output.

Features

• 📧 Visual email template editor
• 🎨 Customizable blocks (text, images, buttons, containers, etc.)
• 👀 Live HTML preview
• 📱 Responsive design
• 🎯 Pre-built email templates
• ⚡ Built with Next.js 14 and TypeScript

Project Structure

src/
├── app/              # Next.js app directory
├── documents/        # Email document components
│   ├── blocks/       # Email block components
│   ├── editor/       # Core editor functionality
│   └── templates/    # Pre-built email templates
├── InspectorDrawer/  # Property inspector panel
├── Navbar/           # Top navigation and HTML output
├── SamplesDrawer/    # Template samples sidebar
└── theme/            # UI theme configuration

Built With

• Next.js - React framework
• Material-UI - React component library
• Waypoint Email Builder - Email building blocks
• TypeScript - Type safety
• Zustand - State management