b2KIT

Email HTML Previewer

Paste HTML email code and preview it in simulated email client frames (Gmail, Outlook, Apple Mail). Responsive test.

How to Use Email HTML Previewer

  1. 1

    Paste your HTML

    Enter the HTML email code you want to preview.

  2. 2

    Preview the rendering

    See how the email looks in the embedded preview pane.

  3. 3

    Test at different widths

    Switch between desktop and mobile viewport sizes to check layout.

Related Tools

Email Signature Generator

Create professional HTML email signatures with logos, social links, and custom styling.

QR Code Business Card

Fill in vCard fields and generate a QR code plus styled digital business card. Download both as images.

HTML Email Builder

Visual drag-and-drop email template builder. Add sections, images, buttons, and export clean HTML code.

Open Graph Tag Generator

Create Open Graph meta tags for perfect social media previews on Facebook, Twitter, and LinkedIn.

Brand Color System Generator

Input one brand color and auto-generate a full color system with shades, tints, semantic colors, and dark mode palette.

Typography Pairing Tool

Browse Google Fonts pairings. Preview heading and body font combos with live sample text. Filter by style.