Please sign in to continue
Select a block to edit
Click on any block in the newsletter to edit its properties
Contains 2 blocks
Generating email preview...
Converting font icons to images
Are you sure you want to delete ?
This action cannot be undone.
You're about to delete :
This action cannot be undone.
Are you sure you want to delete this item?
This action cannot be undone.
This will import the selected items.
This will replace your current data. This action cannot be undone.
Links open in a new tab automatically.
Are you sure you want to log out?
Make sure you've saved your work before logging out.
Select a pre-designed template or start from scratch
Select what you want to include in the export:
Create newsletters that speak for you
Choose where to add blocks: Header, Content, or Footer
→ Dropdown in sticky bottom bar shows current active section
→ Blue marker icon on left shows which section is active
→ Switch sections anytime to organize your newsletter
Add headlines, body text, or call-to-action buttons
→ Select text (click + drag) to format individual words
→ Choose fonts, sizes, colors, line-height, and alignment
→ Add links to selected text with the 🔗 link button
→ Use ✨ AI assistant for text ideas and rephrasing
Upload photos, add hero images, or use brand logos
→ Replace anytime with the camera icon on hover
→ Toggle full-width for hero images
→ Add links to images with the 🔗 button
→ Adjust border radius for rounded corners
→ Auto-optimize for smaller file sizes (600px/1200px)
Separate sections with a horizontal line
→ Adjust thickness, color, and opacity
→ Tip: Use 10-30% opacity for subtle separation
Perfect for: Image galleries, side-by-side content, feature comparisons
💡 Upload any size - we'll optimize it for you
Vector graphics = perfect at any size
→ Paste SVG code to save logos permanently
→ Add multiple logos with 16px spacing
→ Great for partner/sponsor sections
→ Edit or delete anytime
Save your brand colors for quick access
→ Organized in Primary, Neutrals, and Accents
→ Apply to text, backgrounds, and dividers
→ Click any color to edit or delete
→ Consistent branding made easy
Store all your images in one place
→ Auto-optimized with quality/size controls
→ Choose 600px (email), 1200px (retina), or original
→ Manage and delete old images
→ Quick access from Media Library
Reference images from your assets/ folder
→ Add images to /assets folder
→ Reference them in assets-library.js
→ Requires local server to load (python3 -m http.server)
→ Perfect for recurring newsletter elements
Save recipient contacts for EML exports
→ Autocomplete when typing in To/CC/BCC fields
→ Save and load recipient lists
→ Perfect for recurring newsletters
Export all assets and settings as JSON
→ Import to restore or share with team
→ Includes SVGs, colors, contacts, and settings
→ Perfect for backup or collaboration
→ Cmd+Z / Ctrl+Z to undo
→ Cmd+Shift+Z / Ctrl+Y to redo
Format individual words within text blocks
→ Select any text (click + drag)
→ Apply bold, italic, font, size, or color
→ No selection? Formats the entire block
All installed fonts are automatically detected
→ macOS: San Francisco, Avenir, Helvetica
→ Windows: Calibri, Segoe UI, Arial
→ Google Fonts: Roboto, Inter, Poppins
Get help writing newsletter content
→ Generate new text from topics/keywords
→ Rephrase, improve, shorten, or expand existing text
→ Fix grammar and polish your writing
→ Choose style: Professional, Casual, Formal, Friendly
→ Access from text block toolbar (✨ button)
→ Configure providers in ai-config.js
Quick placeholder text for layout testing
→ Choose 1-10 paragraphs
→ Perfect for mockups and demos
→ No AI provider needed
Clean and professional layout for corporate communications
→ Logo header with announcement banner
→ Hero image with key messaging
→ Feature highlights with icons
Organized content sections for news and articles
→ Multiple content sections
→ Image + text combinations
→ Perfect for newsletters
Perfect for showcasing photos and visual content
→ Multi-column image layouts
→ Hero image sections
→ Great for portfolios
Highlight products or services with style
→ Product grids
→ Call-to-action buttons
→ E-commerce focused
A simple example to explore features
→ Pre-filled content for learning
→ All block types demonstrated
→ Edit to make it yours
Begin with an empty canvas
→ Complete creative freedom
→ Build from scratch
→ Perfect if you know what you want
💡 Access templates: Click "New File" button. All templates are fully editable!
Download standalone HTML file
→ Ready to upload to your server
→ All images embedded as base64
→ No external dependencies
→ Perfect for web hosting or email services
Create email draft with recipients
→ Add To/CC/BCC recipients with autocomplete
→ Opens in Apple Mail or Outlook
→ Save/load recipient lists for recurring sends
→ Add contacts in Manage Assets for quick access
Save your work as .jst project file
→ Open later to continue editing
→ All blocks, styles, and settings preserved
→ Use unique names for different newsletters
Ready to build? Let's go! 🚀