Row
Container
ColumnHeadingTextButton
ColumnImageText
Structure you can understand
Build with rows, containers, columns, and content blocks. Keep the hierarchy clear from canvas to export.
Build beautiful emails.
Make every send count.
Design responsive newsletters, manage client brands, and export clean email code, all from one workspace.
From first block to final HTML.
- Visual structure
- Responsive controls
- Client branding
- MJML + HTML
Everything your next newsletter needs.
Visual speed without hiding the structure. Shape every layer, keep your brand consistent, and give mobile its own attention.
Mobile where it matters
Mobile inherits desktop by default. Override typography, spacing, order, visibility, borders, and image sizing only where you need to.
Your brand, remembered
Save colors, fonts, spacing, buttons, and layout defaults. Start each campaign from a familiar system.
Images that behave
Control fluid width, links, alt text, alignment, borders, radius, and visibility from the same consistent image settings.
One workspace for your clients
Organize clients, campaigns, and newsletters. Keep your team working from the same place.
Client brandingCampaignsTeam members
Save your next good idea
Autosave your work and revisit retained revisions when you need an earlier version.
Current designRevision history
Take your email with you
Export editable MJML or compiled HTML for the sending platform in your workflow.
<mjml>
<mj-body>?</mj-body>
</mjml>
<mj-body>?</mj-body>
</mjml>
A starting point for every send.
Explore layout ideas for the newsletters you create most often. Build your own with Codebird?s content blocks.
Explore the builderStay in control of every detail.
Without leaving the builder.
Explore an illustrative desktop layout, its mobile version, and the MJML behind it.
A little inspiration.
A lot of possibility.
Ideas, stories, and things worth sharing.
Good things take shape.
Bring your next idea to life with a newsletter that feels like you.
Made for your readers.
Thoughtful details. Clear content. A layout that works on every screen.
Explore the collectionA little inspiration.
A lot of possibility.
Ideas, stories, and things worth sharing.
Good things take shape.
Bring your next idea to life with a newsletter that feels like you.
Made for your readers.
Thoughtful details. Clear content. A layout that works on every screen.
Explore the collectionnewsletter.mjml Editable source
<mjml>
<mj-head>
<mj-attributes>
<mj-all font-family="Arial, sans-serif" />
<mj-button background-color="#ff385c" />
</mj-attributes>
</mj-head>
<mj-body width="640px">
<mj-section>
<mj-column>
<mj-text font-size="32px">
A little inspiration.
</mj-text>
</mj-column>
</mj-section>
</mj-body>
</mjml>Illustrative MJML source. Your real newsletter exports from the builder.
Your content.
Already in the workflow.
Bring WordPress products and editorial content into reusable email cards. Keep images, titles, prices, links, and descriptions close to their source.
WordPressProducts & storiesImages · Titles · Excerpts · Links
CodebirdReusable content cardsClient branding · Layout · Mobile controls
Your campaignA newsletter ready to reviewPreview · Test · Export
A shorter path from idea to inbox.
- Compose
Start from a template or a blank canvas. Add structure and content.
- Style
Apply your palette, typography, imagery, and brand defaults.
- Adapt
Open mobile mode and adjust what the smaller screen needs.
- Review
Check both layouts, links, and images. Send a test before launch.
- Export
Take MJML or compiled HTML to your preferred sending platform.
Your design.
Your sending platform.
Design and manage the newsletter in Codebird. Export editable MJML or compiled HTML, then use the provider already in your workflow.
MJML
Readable, responsive source.
Keep the structure editable.
HTML
Compiled email markup.
Ready for your sending platform.
Start free.
Grow at your own pace.
Start creating today. Paid plans are being prepared; their prices and features are previews.
A few things worth knowing.
The details, before your first newsletter.
Do I need to know MJML or HTML?
No. Build visually and export MJML or compiled HTML when you are ready.
Can desktop and mobile look different?
Yes. Mobile inherits desktop until you change a property. Override layout order, typography, spacing, images, borders, and visibility.
Can I use content from WordPress?
Yes. Connect a WordPress site for a client and bring product or editorial content into reusable blocks.
Can I use the exported email elsewhere?
Yes. Export MJML for editable responsive source or compiled HTML for the sending platform already in your workflow.
What happens if I make a mistake?
Autosave protects current work. Revision history lets you review and restore earlier versions of a newsletter.
Can I start with the free plan?
Yes. Free is available now. Paid plans are coming later; the displayed paid pricing is a preview.
Your next send starts here.
Turn the next idea into a responsive newsletter.