Email Promotion

Animated customisable Gmail inbox. by Aidan Looker

Show PreviewBuy for $7
Email Promotion

About Email Promotion

What is Email Promotion?

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.

Core Features

  • 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

Controls inside Framer

Content

  • Emails (array of up to 20 items, each with sender, subject, preview, time, starred, and unread toggles)

Appearance

  • Theme (Light / Dark)

  • Border Radius

Animation

  • Speed (Slow / Medium / Fast)

  • Loop (On / Off)

Visibility

  • Search Bar (Show / Hide)

  • Toolbar (Show / Hide)

  • Tab Bar (Show / Hide)

Layout

  • Sender Width (80–250px)

Colors

  • Background

  • Text

  • Text Muted

  • Row Borders

  • Star

  • Accent (active tab)

Typography

  • Base Font

  • Sender Font

  • Subject Font

  • Preview Font

  • Tab Font

Best use cases

  • 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.

Questions or custom requests?

We design and build custom Framer components. Get in touch at contact@teampixel.com.au.