Email Promotion animates emails arriving into an inbox one by one. Use it to showcase how your brand's promotional emails, newsletters, or transactional messages look in a real inbox — giving visitors instant context for your email marketing, notification system, or communication platform. Ideal for landing pages, case studies, product demos, and pitch decks.
Email UI with search bar, toolbar, and category tabs (Primary, Promotions, Social)
Staggered email arrival animation with configurable speed and optional looping
Light and Dark theme with full color override system across every UI element
Per-email customisation: sender name, subject line, preview text, timestamp, starred and unread states
Five independent font controls for sender, subject, preview, tabs, and base text
Visibility toggles for search bar, toolbar, and tab bar — use the full Gmail frame or just the inbox rows
Pauses animation when off-screen for optimal performance
Emails (array of up to 20 items, each with sender, subject, preview, time, starred, and unread toggles)
Theme (Light / Dark)
Border Radius
Speed (Slow / Medium / Fast)
Loop (On / Off)
Search Bar (Show / Hide)
Toolbar (Show / Hide)
Tab Bar (Show / Hide)
Sender Width (80–250px)
Background
Text
Text Muted
Row Borders
Star
Accent (active tab)
Base Font
Sender Font
Subject Font
Preview Font
Tab Font
Ecommerce and DTC landing pages showcasing promotional email campaigns, sale announcements, and loyalty programs
SaaS and email marketing platforms demonstrating deliverability, inbox placement, or template previews
Agency portfolios and case studies presenting email marketing work with a realistic inbox context
Product demo sections illustrating notification systems, onboarding sequences, or transactional emails
Drop it onto your canvas, swap in your brand name and messaging, and let the animated inbox sell the experience for you.
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.
Aidan Looker
