Write first, style later
Writing mode hides the interface until you need it.
Writing mode
Press ⌘/ or Ctrl/ and the panels disappear until you need them.
Slash menu and Markdown
Type / to add images, buttons, or columns. Markdown shortcuts handle headings, lists, and links.
Personalization with fallbacks
Type { to insert a property. In campaigns and workflows, Loops asks for a fallback value.
Saves as you type
Nothing to save manually, and you can write and design on your phone.
Email themes that update every email
Save an email’s colors, fonts, and buttons as a theme. Google Fonts fall back to a matching system font in Gmail and Outlook.
Read more
Get started
View receipt
Components for the blocks you repeat
Build a logo, footer, or social row once and drop it into any email.
Reusable in every email type
Use one component in campaigns, workflows, and transactional emails.
Local edits or global changes
Edit a component in one email, or push the change to every instance.
Safe to delete
Deleting a component leaves its content in every email that used it.
Update from the API
Change a component through the API and every email using it updates.
From teams sending with Loops
After a quick demo, it was clear to Framer that the editing experience was just right.
Content that adapts to each recipient
Show a section only when it applies, and catch mistakes before you send.
Conditional sections
Show a section based on a property or data variable. An empty value hides it instead of failing the send.
Clickable sections
Link a whole section, like a product card or account summary.
Guardian checks
Guardian flags missing fallbacks and buttons without links before you send.
Styled or Plain
Styled emails use a responsive 600px column with themes. Plain emails read like a personal message.
Start from a template or from code
Use a Loops template, import MJML, or have your agent write the email.
Templates
Campaign, workflow, and transactional templates to fill with your content.
MJML import
Upload a zipped MJML email, or export one from Figma with Emailify or Email Love.
LMX for agents and Git
Create and edit emails as LMX through the API or CLI, and keep the source in Git.
Dark mode
Loops enables dark mode where clients support it. Pick a logo that works on both backgrounds.
Frequently asked questions
What’s the difference between Styled and Plain emails?
Styled emails use a responsive central column up to 600px wide, with design options for colors, padding, and borders, and they support themes. Plain emails are full width with no base design, so they look like an email sent from Gmail or Apple Mail. You can still format individual content in both.
What happens to my emails when I update a theme?
Clicking Update on a theme applies the change to every email that uses it. Changes you made directly on one email stay in place and override the synced styles. If you delete a theme, its styles are copied onto each email that used it, so nothing changes unexpectedly.
How do Loops emails look in dark mode?
Loops turns on dark mode support in the email clients that can handle it. The editor doesn’t have a separate dark version of an email, and images aren’t adjusted, so use a logo color that works on light and dark backgrounds. For full control with custom CSS, import the email as MJML.
Can I use custom fonts in emails?
Yes, through themes. Any Google Font works. Apple Mail and Samsung show custom fonts, while Gmail, Outlook, and Yahoo don’t, so Loops adds a fallback chain that ends in a matching system font.
Can I import emails I’ve already designed?
Yes. Loops imports MJML for campaigns, workflow emails, and transactional emails, including exports from the Emailify and Email Love Figma plugins. Add the {unsubscribe_link} tag so the email includes an unsubscribe link.
Can an AI agent write and edit emails in Loops?
Yes. Agents write email content in LMX and send it through the Content API, the Loops CLI, or the Loops MCP server. The Loops LMX skill teaches coding agents the format. Every email an agent writes opens in the editor like any other.