kinetic emailinteractive and animated
Email that moves.
Carousels, tabs, reveals and ratings that work inside the inbox, with a designed fallback for every client that can’t run them. No apps, no landing pages, no broken emails.
01
Interactive
Apple Mail on iPhone, iPad and Mac, and some other WebKit clients
The full experience: tap, swipe, reveal, animate.
02
Animated only
Clients that play CSS animation but don’t support :checked
Motion without the controls. Content is never hidden behind a tap.
03
Designed fallback
Gmail, Outlook and everything else
A complete static email: every room, every course, the code in plain sight.
01live demos
Try them. Then flip to the fallback.
These are real HTML emails, not mock-ups. Use them here, then switch on “Show fallback” to see exactly what a Gmail or Outlook reader gets.
02how we build it
Delight where it works. Never broken where it doesn’t.
01
Check your audience first
If Apple Mail is a big share of your opens, most readers get the interactive version. Your platform’s client report tells you in a minute.
02
The fallback is designed, not broken
Every interactive email is built twice in one file. Gmail and Outlook readers get a complete email, never a blank space or a dead button.
03
Nothing important hides behind a tap
The code, the price, the date and the button are always reachable. Interaction adds delight; it never holds the message hostage.
04
Measure what people do
Each option is also a tracked link, so a tap in a carousel or a score in a rating shows up in your reports.
05
Accessible by construction
Real form controls, visible focus, sensible reading order and motion that stops for anyone who has asked for less of it.
06
Tested in the real clients
Every build is checked in Apple Mail, Gmail and Outlook before it ships, not only in a browser.
03where it works
Who sees what.
Support changes as mail apps update, so treat this as a guide and your own test sends as the answer. For live content in Gmail and Yahoo, AMP for Email is an option once your sending domain is registered with Google.
| Email client | Interactive | Animation |
|---|---|---|
| Apple Mail, iOS and macOS | Yes | Yes |
| Yahoo Mail | Varies by app | Partial |
| Samsung Email | Varies by version | Yes |
| Gmail, web and apps | Fallback | Fallback |
| Outlook, all versions | Fallback | Fallback |
Sources: Can I Email, @keyframes (last tested May 2021) and our own client testing. “Fallback” means the designed static version shows.
Make your next send the one they play with.
Interactive modules can be added to an existing system as components, with their fallbacks built in.